diff --git a/default.scss b/default.scss index 6796a7f..9ae626b 100644 --- a/default.scss +++ b/default.scss @@ -7,7 +7,7 @@ pre { border-radius: 3px; border: 1px solid #ccc; padding: 1rem; - overflow-x: scroll; + overflow-x: auto; counter-reset: line; width: 100%; box-sizing: border-box; diff --git a/nav.scss b/nav.scss index aba150a..58cf975 100644 --- a/nav.scss +++ b/nav.scss @@ -7,6 +7,14 @@ body > nav { background: var(--nav-category-background); color: rgba(255, 255, 255, 0.8); flex-shrink: 0; + display: flex; + flex-direction: column; +} + +#nav-side-outer { + overflow-y: auto; + height: 100%; + scrollbar-color: var(--button-colored-background) var(--nav-category-background); scrollbar-width: thin; diff --git a/styles.css b/styles.css index fd89a36..0f47102 100644 --- a/styles.css +++ b/styles.css @@ -46,7 +46,7 @@ pre { border-radius: 3px; border: 1px solid #ccc; padding: 1rem; - overflow-x: scroll; + overflow-x: auto; counter-reset: line; width: 100%; box-sizing: border-box; @@ -3259,6 +3259,10 @@ p { p + p { margin-top: 5px; } +.blurry-text { + text-shadow: 0 0 .9rem #000; + color: transparent; } + .tooltip { cursor: pointer; color: var(--box-highlight); @@ -4017,13 +4021,19 @@ body > nav { background: var(--nav-category-background); color: rgba(255, 255, 255, 0.8); flex-shrink: 0; + display: flex; + flex-direction: column; } + +#nav-side-outer { + overflow-y: auto; + height: 100%; scrollbar-color: var(--button-colored-background) var(--nav-category-background); scrollbar-width: thin; } - body > nav::-webkit-scrollbar { + #nav-side-outer::-webkit-scrollbar { width: 7px; } - body > nav::-webkit-scrollbar-thumb { + #nav-side-outer::-webkit-scrollbar-thumb { background: var(--button-colored-background); } - body > nav::-webkit-scrollbar-track { + #nav-side-outer::-webkit-scrollbar-track { background: var(--nav-category-background); } #nav-side-inner { diff --git a/text.scss b/text.scss index a880b6e..04ffdca 100644 --- a/text.scss +++ b/text.scss @@ -11,3 +11,8 @@ p { margin-top: 5px; } } + +.blurry-text { + text-shadow: 0 0 .9rem #000; + color: transparent; +} \ No newline at end of file