webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-28 17:02:04 +03:00
Code Activity

Updated settings nav to be more flexible

Browse Source 
Uses flexbox layout, flexed to content instead of rigid thirds like
before. Also extracted row into own file
This commit is contained in:
Dan Brown
2020-09-26 16:26:30 +01:00
parent de2756dd95
commit 328d2514c4
4 changed files with 28 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
resources/sass/_layout.scss
View File

@ -124,6 +124,9 @@ body.flexbox {
.flex-container-row {
display: flex;
flex-direction: row;
&.v-center {
align-items: center;
}
}
.flex-container-column {
@ -131,9 +134,17 @@ body.flexbox {
flex-direction: column;
}
.flex-container-column.wrap, .flex-container-row.wrap {
flex-wrap: wrap;
}
.flex {
min-height: 0;
flex: 1;
&.fit-content {
flex-basis: auto;
flex-grow: 0;
}
}
.justify-flex-end {