aboutsummaryrefslogtreecommitdiff
path: root/src/App.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/App.scss')
-rw-r--r--src/App.scss20
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";
}
}