1
0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-11-30 05:19:57 +00:00

Adjust multi-columns CSS class to switch earlier for smaller displays (#8686)

This commit is contained in:
Mario Pietsch 2024-10-18 13:01:58 +02:00 committed by GitHub
parent 142fef73f2
commit 0b789bf28b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -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; }