scrollbar and post styling update

This commit is contained in:
gurusabarish
2024-01-15 23:34:35 +05:30
parent d49ebeb82b
commit 92ffcdb088
2 changed files with 18 additions and 7 deletions
+3 -4
View File
@@ -74,19 +74,18 @@
} }
body::-webkit-scrollbar { body::-webkit-scrollbar {
width: .5em; height: 0px;
height: .5em; width: 8px;
background-color: var(--background-color); background-color: var(--background-color);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px var(--background-color);
border-radius: 1rem; border-radius: 1rem;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 1rem; border-radius: 1rem;
background-color: var(--secondary-color); background: #b0b0b0;
outline: 1px solid var(--background-color); outline: 1px solid var(--background-color);
} }
+15 -3
View File
@@ -165,7 +165,17 @@
position: sticky; position: sticky;
} }
#single .sticky-sidebar ::-webkit-scrollbar {
height: 0px;
width: 8px;
}
/* Tags */ /* Tags */
#single aside.tags {
max-height: 35vh;
overflow: scroll;
}
#single aside.tags h5 { #single aside.tags h5 {
margin: .7em 0; margin: .7em 0;
margin-bottom: 1em; margin-bottom: 1em;
@@ -173,16 +183,16 @@
#single aside.tags ul.tags-ul li a { #single aside.tags ul.tags-ul li a {
padding: 10px 15px; padding: 5px 10px;
margin-bottom: 2px; margin-bottom: 2px;
border-radius: 8px; border-radius: 10px;
background-color: var(--background-color); background-color: var(--background-color);
text-decoration: none; text-decoration: none;
color: var(--text-color); color: var(--text-color);
} }
#single aside.tags ul.tags-ul li { #single aside.tags ul.tags-ul li {
margin-bottom: 1.2rem; margin-bottom: 0.8rem;
} }
#single aside.tags ul.tags-ul li:hover { #single aside.tags ul.tags-ul li:hover {
@@ -193,6 +203,8 @@
/*TOC*/ /*TOC*/
#single aside.toc { #single aside.toc {
padding: .7rem 1rem; padding: .7rem 1rem;
max-height: 50vh;
overflow: scroll;
} }
#single aside.toc h5 { #single aside.toc h5 {