sam/pleroma-fe
sam/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Column width configuration: do not act on defaults, bound with on minmax --miniColumn

Browse source
This commit is contained in:
Alexander Tumin 2022-08-11 16:37:30 +03:00
parent 017061a46c
commit 258b5e6be2
1 changed files with 10 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/App.scss
View file

@ -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";
}
}