diff options
| author | johannst <johannst@users.noreply.github.com> | 2023-04-12 20:57:45 +0000 |
|---|---|---|
| committer | johannst <johannst@users.noreply.github.com> | 2023-04-12 20:57:45 +0000 |
| commit | 4b3a334cf553b9f0b7f831538cb4d23fbdb0594f (patch) | |
| tree | 3a8e4df94497b437656454bc29e522b56f9765cb /css/chrome.css | |
| parent | 3f1d25c3e62f91f2555f0649c7c71f3b730717be (diff) | |
| download | notes-4b3a334cf553b9f0b7f831538cb4d23fbdb0594f.tar.gz notes-4b3a334cf553b9f0b7f831538cb4d23fbdb0594f.zip | |
deploy: d6deac54dd372c946942637636846893694ce521
Diffstat (limited to 'css/chrome.css')
| -rw-r--r-- | css/chrome.css | 19 |
1 files changed, 13 insertions, 6 deletions
diff --git a/css/chrome.css b/css/chrome.css index 59eae11..29992f7 100644 --- a/css/chrome.css +++ b/css/chrome.css @@ -2,12 +2,6 @@ @import 'variables.css'; -::-webkit-scrollbar { - background: var(--bg); -} -::-webkit-scrollbar-thumb { - background: var(--scrollbar); -} html { scrollbar-color: var(--scrollbar) var(--bg); } @@ -18,6 +12,19 @@ a > .hljs { color: var(--links); } +/* + body-container is necessary because mobile browsers don't seem to like + overflow-x on the body tag when there is a <meta name="viewport"> tag. +*/ +#body-container { + /* + This is used when the sidebar pushes the body content off the side of + the screen on small screens. Without it, dragging on mobile Safari + will want to reposition the viewport in a weird way. + */ + overflow-x: clip; +} + /* Menu Bar */ #menu-bar, |