scrollbar and post styling update

gurusabarish · Jan 15, 2024 · 92ffcdb · 92ffcdb
1 parent d49ebeb
commit 92ffcdb
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 7 deletions.
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
@@ -74,19 +74,18 @@
     }
 
     body::-webkit-scrollbar {
-        width: .5em;
-        height: .5em;
+        height: 0px;
+        width: 8px;
         background-color: var(--background-color);
     }
 
     ::-webkit-scrollbar-track {
-        box-shadow: inset 0 0 6px var(--background-color);
         border-radius: 1rem;
     }
 
     ::-webkit-scrollbar-thumb {
         border-radius: 1rem;
-        background-color: var(--secondary-color);
+        background: #b0b0b0;
         outline: 1px solid var(--background-color);
     }
 

diff --git a/static/css/single.css b/static/css/single.css
@@ -165,24 +165,34 @@
   position: sticky;
 }
 
+#single .sticky-sidebar ::-webkit-scrollbar {
+    height: 0px;
+    width: 8px;
+}
+
 /* Tags */
+#single aside.tags {
+    max-height: 35vh;
+    overflow: scroll;
+}
+
 #single aside.tags h5 {
     margin: .7em 0;
     margin-bottom: 1em;
 }
 
 
 #single aside.tags ul.tags-ul li a {
-    padding: 10px 15px;
+    padding: 5px 10px;
     margin-bottom: 2px;
-    border-radius: 8px;
+    border-radius: 10px;
     background-color: var(--background-color);
     text-decoration: none;
     color: var(--text-color);
 }
 
 #single aside.tags ul.tags-ul li {
-    margin-bottom: 1.2rem;
+    margin-bottom: 0.8rem;
 }
 
 #single aside.tags ul.tags-ul li:hover {
@@ -193,6 +203,8 @@
 /*TOC*/
 #single aside.toc {
     padding: .7rem 1rem;
+    max-height: 50vh;
+    overflow: scroll;
 }
 
 #single aside.toc h5 {