From 734936d819098ee3ce7eef85561ff2d39188064a Mon Sep 17 00:00:00 2001
From: Eric Huss <eric@huss.org>
Date: Wed, 8 Feb 2023 15:22:09 -0800
Subject: [PATCH] Add some comments about overflow-x

---
 src/theme/css/chrome.css | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/theme/css/chrome.css b/src/theme/css/chrome.css
index 12d58d9d..56c17b78 100644
--- a/src/theme/css/chrome.css
+++ b/src/theme/css/chrome.css
@@ -12,7 +12,16 @@ 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: hidden;
 }