From 0b789bf28bd9e5b911e7290b5df3ba3f7f4fc118 Mon Sep 17 00:00:00 2001 From: Mario Pietsch Date: Fri, 18 Oct 2024 13:01:58 +0200 Subject: [PATCH] Adjust multi-columns CSS class to switch earlier for smaller displays (#8686) --- editions/tw5.com/tiddlers/system/tw5.com-styles.tid | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid index 8a8484d35..ced42e64d 100644 --- a/editions/tw5.com/tiddlers/system/tw5.com-styles.tid +++ b/editions/tw5.com/tiddlers/system/tw5.com-styles.tid @@ -117,12 +117,19 @@ type: text/vnd.tiddlywiki -webkit-column-gap: 1em; } -@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { +/* Switch to 2 columns for 780x1280 displays which is 780p */ +@media (max-width: 1279px) { .multi-columns { column-count: 2; } } +@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) { + .multi-columns { + column-count: 1; + } +} + .tc-saving-sidebar-category { margin-bottom:10px; } .tc-saving-sidebar-category-title { margin-bottom:5px; font-weight:bold; } .tc-saving-sidebar-category-item { margin-left:10px; white-space:nowrap; }