f.weber/homebrewery
0
0
Fork 0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-15 21:22:43 +00:00
Code Wiki Activity

Tweak size and centering strategy

Browse Source
This commit is contained in:
Trevor Buckner
2023-04-11 21:26:16 -04:00
parent 29fd836965
commit a2430c8744
1 changed files with 20 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
client/homebrew/navbar/navbar.less
View File

@@ -179,35 +179,34 @@
.window{ .window{
position : absolute; position : absolute;
bottom : 0; bottom : 0;
min-width: 100px; width : 440px;
width: 80%; left : 50%;
max-width: 440px;
left: 0;
right : 0;
max-height : ~"calc(100vh - 28px)"; max-height : ~"calc(100vh - 28px)";
background-color : #333; background-color : #333;
border : 3px solid #444;
border-top : unset;
border-radius : 0 0 5px 5px;
box-shadow : inset 0 7px 9px -7px #111;
display : flex; display : flex;
flex-flow : row wrap; flex-flow : row wrap;
justify-content : flex-start; justify-content : flex-start;
align-content : baseline; align-content : baseline;
padding : 0px 10px 5px; padding : 0px 10px 5px;
border-radius: 0 0 5px 5px;
margin : 0 auto; margin : 0 auto;
z-index : -1; z-index : -1;
transition : transform 0.4s, opacity 0.4s; transition : transform 0.4s, opacity 0.4s;
&.active{ &.active{
transform: translateY(100%); transform: translateX(-50%) translateY(100%);
opacity: 1; opacity: 1;
} }
&.inactive{ &.inactive{
transform: translateY(0%); transform: translateX(-50%) translateY(0%);
opacity: 0; opacity: 0;
} }
.row{ .row{
display : flex; display : flex;
flex-flow : row wrap; flex-flow : row wrap;
width : 100%; width : 100%;
// border-top : 1px solid #888;
h4{ h4{
display : block; display : block;
box-sizing : border-box; box-sizing : border-box;
@@ -245,7 +244,6 @@
background-color: #555; background-color: #555;
} }
} }
// }
} }
} }
.warning.navItem{ .warning.navItem{