mirror of
https://github.com/osmarks/mycorrhiza.git
synced 2025-05-05 16:14:06 +00:00
Align left sidebars properly on very wide screens
This is some ugly CSS
This commit is contained in:
parent
bbee985cd4
commit
9200739bf8
@ -75,10 +75,10 @@ header { width: 100%; }
|
|||||||
header { grid-column: 1 / span 3; grid-row: 1 / span 1; margin: 0; }
|
header { grid-column: 1 / span 3; grid-row: 1 / span 1; margin: 0; }
|
||||||
.layout-card {max-width: 18rem;}
|
.layout-card {max-width: 18rem;}
|
||||||
.main-width { margin: 0 auto; }
|
.main-width { margin: 0 auto; }
|
||||||
main { grid-column: 2 / span 1; grid-row: 2 / span 3; }
|
main.main-width { grid-column: 2 / span 1; grid-row: 2 / span 3; margin: 0; }
|
||||||
.sibling-hyphae, .markup-toolbar, .help-topics { grid-column: 3 / span 1; margin-left: -.5rem; grid-row: 2 / span 2; }
|
.sibling-hyphae, .markup-toolbar, .help-topics { grid-column: 3 / span 1; margin-left: -.5rem; grid-row: 2 / span 2; }
|
||||||
.markup-toolbar { grid-column: 3 / span 1; grid-row: 2 / span 2; margin-left: -.5rem; }
|
.markup-toolbar { grid-column: 3 / span 1; grid-row: 2 / span 2; margin-left: -.5rem; }
|
||||||
.action-toolbar, .categories-card { grid-column: 1 / span 1; grid-row: 2 / span 1; margin-left: .5rem; }
|
.action-toolbar, .categories-card { grid-column: 1 / span 1; grid-row: 2 / span 1; margin: 0 -.5rem 0 .5rem; justify-self: end; }
|
||||||
.edit-toolbar__buttons { grid-template-columns: 1fr; }
|
.edit-toolbar__buttons { grid-template-columns: 1fr; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user