From ac2ca6c9686a77a96014df65b33c3db7acd7b36e Mon Sep 17 00:00:00 2001 From: Rafael Vuijk Date: Sun, 25 Oct 2026 18:38:38 +0000 Subject: [PATCH] The wiki's list of pages fits a narrow window The list is indented by 10vh, a tenth of the window's height, on top of the column's own indent. In a window 320px wide and 800px tall that left the list items 93px, so "Differentiation", "Multithreading" and "Simplification" ran 16-27px past the right edge of the window, where the body's overflow-x: hidden cuts them off. In the narrow layout the column is indented already, so the list drops its own indent there. The rule follows the one it overrides, which comes later in the file than the narrow layout's block and would otherwise win. Co-Authored-By: Claude Opus 5.5 (1M context) Claude-Session: https://claude.ai/code/session_012sonx8iAspMiwRwokT1Ura --- styles.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/styles.css b/styles.css index 45a516c15..a94d5b518 100644 --- a/styles.css +++ b/styles.css @@ -203,6 +203,14 @@ a { margin-left: 10vh; } +/* In a narrow window the column is indented already, and the list's own indent of a tenth of the window's height left the longer page names too little room. After the rule above, which it overrides */ +@media (max-width: 1099px) +{ + .wiki-ul-main { + margin-left: 0; + } +} + .wiki-ul-main li { margin-top: 1vh; }