diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2022-08-11 13:14:18 +0000 |
|---|---|---|
| committer | Alexander Tumin <iamtakingiteasy@eientei.org> | 2022-08-11 16:38:24 +0300 |
| commit | 017061a46ca85a05d639cd6e310de3aac793085d (patch) | |
| tree | 04644f074ead9f1754a1d35b645aac59d2381f59 /src | |
| parent | 3e7e31d4a98f4cbdfdd3c92d952e58616c027beb (diff) | |
refactor
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 0aa28933..121dd6b3 100644 --- a/src/App.scss +++ b/src/App.scss @@ -182,7 +182,7 @@ nav { .app-layout { --miniColumn: 25rem; - --maxiColumn: minmax(var(--miniColumn), 45rem); + --maxiColumn: 45rem; --columnGap: 1em; --status-margin: 0.75em; @@ -192,7 +192,7 @@ nav { display: grid; grid-template-columns: var(--sidebarColumnWidth, var(--miniColumn)) - var(--effectiveContentColumnWidth); + minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))); 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: - var(--effectiveContentColumnWidth) - minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn))); + minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) + var(--sidebarColumnWidth, var(--miniColumn)); grid-template-areas: "content sidebar"; } &.-wide { grid-template-columns: - minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn))) - var(--effectiveContentColumnWidth) - minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn))); + var(--sidebarColumnWidth, var(--miniColumn)) + minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) + var(--notifsColumnWidth, var(--miniColumn)); grid-template-areas: "sidebar content notifs"; &.-reverse { grid-template-columns: - minmax(var(--miniColumn), var(--notifsColumnWidth, var(--miniColumn))) - var(--effectiveContentColumnWidth) - minmax(var(--miniColumn), var(--sidebarColumnWidth, var(--miniColumn))); + var(--notifsColumnWidth, var(--miniColumn)) + minmax(var(--contentColumnWidth, var(--maxiColumn), var(--sidebarColumnWidth, var(--miniColumn)))) + var(--sidebarColumnWidth, var(--miniColumn)); grid-template-areas: "notifs content sidebar"; } } |