0
0
mirror of https://github.com/naturalcrit/homebrewery.git synced 2026-01-10 15:42:39 +00:00

Move metadata window to be independent of title

This commit is contained in:
G.Ambatte
2023-03-19 18:42:31 +13:00
parent 807ab2a538
commit db5469699e
2 changed files with 66 additions and 57 deletions

View File

@@ -173,43 +173,50 @@
i{
margin-right: 10px;
}
.dropdown{
position : absolute;
top : 18px;
left : 0px;
z-index : -1;
width : 100%;
max-height : ~"calc(100vh - 28px)";
background-color : #333;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-content: baseline;
padding: 10px 10px 0px;
border-radius: 5px;
.row{
display : flex;
flex-flow : row wrap;
width : 100%;
h4{
display : block;
box-sizing : border-box;
padding : 5px 0px;
color : #bbb;
text-align : center;
border-top : 1px solid #888;
flex-basis : 20%;
flex-grow : 1;
}
p{
font-family : 'Open Sans', sans-serif;
font-size : 10px;
font-weight : normal;
text-transform : initial;
padding : 5px 0;
flex-basis : 80%;
flex-grow : 1;
border-top : 1px solid #888;
.windowWrapper{
position: fixed;
top: 18px;
left: 0px;
width: calc(100vw - 30px);
z-index: -1;
.window{
max-width : 764px;
width : 80%;
min-width : 380px;
max-height : ~"calc(100vh - 28px)";
background-color : #333;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
align-content: baseline;
padding: 10px 10px 0px;
border-radius: 5px;
margin: 0 auto;
.row{
display : flex;
flex-flow : row wrap;
width : 100%;
h4{
display : block;
box-sizing : border-box;
padding : 5px 0px;
color : #bbb;
text-align : center;
border-top : 1px solid #888;
flex-basis : 20%;
flex-grow : 1;
min-width : 76px;
}
p{
font-family : 'Open Sans', sans-serif;
font-size : 10px;
font-weight : normal;
text-transform : initial;
padding : 5px 0;
flex-basis : 80%;
flex-grow : 1;
border-top : 1px solid #888;
}
}
}
}