diff options
| author | Alexander Tumin <iamtakingiteasy@eientei.org> | 2022-08-11 16:37:30 +0300 |
|---|---|---|
| committer | Alexander Tumin <iamtakingiteasy@eientei.org> | 2022-08-11 16:38:24 +0300 |
| commit | 258b5e6be2358af013a8308e0994aa4264ace066 (patch) | |
| tree | 80ecb269578fe54d3e393c3b25a41b258bb4ecfa /src | |
| parent | 017061a46ca85a05d639cd6e310de3aac793085d (diff) | |
Column width configuration: do not act on defaults, bound with on minmax --miniColumn
Diffstat (limited to 'src')
| -rw-r--r-- | src/App.scss | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/src/App.scss b/src/App.scss index 121dd6b3..3c16007e 100644 --- a/src/App.scss +++ b/src/App.scss @@ -191,8 +191,8 @@ nav { position: relative; display: grid; grid-template-columns: - var(--sidebarColumnWidth, var(--miniColumn)) - minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))); + minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn))) + var(--effectiveContentColumnWidth); grid-template-areas: "sidebar content"; grid-template-rows: 1fr; box-sizing: border-box; @@ -287,23 +287,23 @@ nav { &.-reverse:not(.-wide):not(.-mobile) { grid-template-columns: - minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) - var(--sidebarColumnWidth, var(--miniColumn)); + var(--effectiveContentColumnWidth) + minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn))); grid-template-areas: "content sidebar"; } &.-wide { grid-template-columns: - var(--sidebarColumnWidth, var(--miniColumn)) - minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) - var(--notifsColumnWidth, var(--miniColumn)); + minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn))) + var(--effectiveContentColumnWidth) + minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn))); grid-template-areas: "sidebar content notifs"; &.-reverse { grid-template-columns: - var(--notifsColumnWidth, var(--miniColumn)) - minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) - var(--sidebarColumnWidth, var(--miniColumn)); + minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn))) + var(--effectiveContentColumnWidth) + minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn))); grid-template-areas: "notifs content sidebar"; } } |