voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Use CSS Grid for the header container.

Browse source 
The elements still use flex for spacing simplicity.
This commit is contained in:
voussoir 2017-08-01 18:37:25 -07:00
parent f9524a1858
commit e592b55fb1
1 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
frontends/etiquette_flask/static/common.css
View file

@ -24,18 +24,12 @@ li
} }
#header #header
{ {
display: flex; display: grid;
flex-direction: row; grid-template-columns: 1fr 1fr 1fr 1fr auto;
justify-content: center; grid-template-rows: auto;
align-content: center;
margin-bottom: 4px; margin-bottom: 4px;
} }
.editor_input
{
width: 100%;
max-width: 800px;
}
.header_element .header_element
{ {
display: flex; display: flex;
@ -48,6 +42,11 @@ li
{ {
background-color: #ffffd4; background-color: #ffffd4;
} }
.editor_input
{
width: 100%;
max-width: 800px;
}
.hidden .hidden
{ {
display: none !important; display: none !important;