xevion/simple-viewer
1
0
Fork 0
mirror of https://github.com/Xevion/simple-viewer.git synced 2025-12-15 10:13:18 -06:00
Code Issues Packages Projects Releases Wiki Activity

improve flexbox icon's selector name and organization, apply to index icons and reorganize tags

Browse Source
This commit is contained in:
Xevion
2020-11-06 07:49:37 -06:00
parent b0df8057a8
commit 5692836bec
3 changed files with 40 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
viewer/static/css/main.scss
View File

@@ -103,19 +103,29 @@ html, body {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-end;
justify-content: flex-end; // Send all items to end
align-content: stretch;
align-items: flex-start;
width: 100%;
div {
align-self: auto;
}
flex: 0 1 auto; // End child shrink
div:nth-child(1) {
flex: 1 1 auto;
}
div:nth-child(2), div:nth-child(3) {
flex: 0 1 auto;
// First child grows to fill the start
&:nth-child(1) {
flex: 1 1 auto;
}
}
}
.icon-set {
height: 100%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-around;
align-content: stretch;
align-items: center;
padding: 0 0.5rem;
}