aboutsummaryrefslogtreecommitdiffhomepage
path: root/css
diff options
context:
space:
mode:
authorjohannst <johannst@users.noreply.github.com>2023-04-12 20:57:45 +0000
committerjohannst <johannst@users.noreply.github.com>2023-04-12 20:57:45 +0000
commit4b3a334cf553b9f0b7f831538cb4d23fbdb0594f (patch)
tree3a8e4df94497b437656454bc29e522b56f9765cb /css
parent3f1d25c3e62f91f2555f0649c7c71f3b730717be (diff)
downloadnotes-4b3a334cf553b9f0b7f831538cb4d23fbdb0594f.tar.gz
notes-4b3a334cf553b9f0b7f831538cb4d23fbdb0594f.zip
deploy: d6deac54dd372c946942637636846893694ce521
Diffstat (limited to 'css')
-rw-r--r--css/chrome.css19
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,