Merge pull request #4750 from Simounet/fix/nav-align

Fix nav items alignment
This commit is contained in:
Jérémy Benoist 2020-11-24 22:17:34 +01:00 committed by GitHub
commit c8e7722fd1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 20 additions and 8 deletions

View file

@ -42,6 +42,10 @@
padding-right: 0.75rem; padding-right: 0.75rem;
} }
.nav-panel-top {
padding: 6px 0;
}
.nav-panel-buttom { .nav-panel-buttom {
justify-content: space-between; justify-content: space-between;
} }

View file

@ -20,7 +20,8 @@ nav {
.nav-panel-item .button-collapse { .nav-panel-item .button-collapse {
margin-left: 0; margin-left: 0;
margin-right: 0.5rem; margin-right: 0.5rem;
padding: 0 0.5rem; padding-left: 0.5rem;
padding-right: 0.5rem;
height: auto; height: auto;
line-height: 1; line-height: 1;
background-color: transparent; background-color: transparent;
@ -33,11 +34,15 @@ nav {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
a {
padding: 10px 15px;
}
} }
.nav-panel-item .material-icons { .nav-panel-item .material-icons {
height: 46px; height: auto;
line-height: 46px; line-height: 1;
} }
.nav-input { .nav-input {
@ -149,11 +154,14 @@ nav {
.dropdown-content { .dropdown-content {
min-width: 300px; min-width: 300px;
.material-icons { li {
line-height: initial !important; min-height: auto;
} }
li > a { li > a {
padding: 10px; display: flex;
padding: 14px 10px;
align-items: center;
white-space: initial;
} }
} }

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long