kibi/f0ckm
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix modern layout

Browse Source
This commit is contained in:
Kibi Kelburton
2026-07-19 23:01:28 +02:00
parent 5529724982
commit 2206b3eb86
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
public/s/css/f0ckm.css
View File

@@ -2173,29 +2173,26 @@ body.layout-modern .global-sidebar-right {
padding-right: 0; padding-right: 0;
} }
/* Item page: extend the desktop grid layout to 600px so the fixed sidebar /* Restore layout-modern item stacking at 600–999px.
aligns naturally — col3 width = sidebar width, so content never overlaps. */ Its CSS grid only activates at ≥1000px; without flex-column here
the layout falls back to broken block flow. */
body.layout-modern .item-layout-container { body.layout-modern .item-layout-container {
display: grid; display: flex;
grid-template-columns: min(260px, 26vw) minmax(0, 1fr) min(280px, 80vw); flex-direction: column;
height: calc(100vh - var(--navbar-h, 50px));
width: 100%; width: 100%;
overflow: hidden; padding: 5px;
}
body.layout-modern.sidebar-right-hidden .item-layout-container {
grid-template-columns: min(260px, 26vw) minmax(0, 1fr) 0px;
} }
body.layout-modern .item-layout-container .item-main-content { body.layout-modern .item-layout-container .item-main-content {
grid-column: 2; order: 1;
} }
body.layout-modern .item-sidebar-left { body.layout-modern .item-sidebar-left {
grid-column: 1; order: 2;
z-index: 1;
} }
/* Legacy layout: 2-column grid at this range */ /* Legacy layout: 2-column grid with mobile sidebar width. */
body.layout-legacy .item-layout-container { body.layout-legacy .item-layout-container {
display: grid; display: grid;
grid-template-columns: minmax(0, 1fr) min(280px, 80vw); grid-template-columns: minmax(0, 1fr) min(280px, 80vw);
@@ -2251,6 +2248,13 @@ body.layout-modern .global-sidebar-right {
.global-sidebar-right { .global-sidebar-right {
transition: none !important; transition: none !important;
} }
/* layout-modern: force sidebar-right off-screen at ≤599px.
JS also adds sidebar-right-hidden, but this CSS rule is a reliable failsafe
that matches layout-legacy's always-hidden behavior at this width. */
body.layout-modern .item-sidebar-right {
right: calc(-1 * min(280px, 80vw)) !important;
}
} }