mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2024-12-27 18:40:28 +00:00
Code Issues Releases Wiki Activity

Improve multicolumn display to avoid super narrow columns

Browse Source
This commit is contained in:
Jeremy Ruston 2024-11-18 09:32:38 +00:00
parent 1e70e097e7
commit 36ae2e82be
1 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
editions/tw5.com/tiddlers/system/tw5.com-styles.tid
View File

@ -130,19 +130,25 @@ type: text/vnd.tiddlywiki
}
}
@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {
.tc-flex-columns {
display: flex;
gap: 1em;
}
.tc-flex-columns.tc-flex-columns-2 > div {
width: 50%;
}
.tc-grid-columns {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25em, 1fr));
gap: 1em;
width: 100%; /* Ensures container stretches fully */
}
.tc-grid-columns.tc-grid-columns-2 > div {
border-radius: 1em;
padding: 1em;
background-color: <<colour alert-background>>;
}
.tc-grid-columns.tc-grid-columns-2 > div:nth-child(odd) {
color: <<colour diff-delete-foreground>>;
background-color: <<colour diff-delete-background>>;
}
.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; }