fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix navbar being cut of

Browse Source
This commit is contained in:
Felix Hamann 2019-01-26 12:07:17 +01:00
parent 5df70ad45d
commit 69ada67376
1 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
templates/widgets/navbar.lucius
View File

@ -31,7 +31,7 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
width: 100%; right: 0;
top: 0; top: 0;
left: var(--asidenav-width-xl); left: var(--asidenav-width-xl);
height: var(--header-height); height: var(--header-height);
@ -40,7 +40,6 @@
background: -webkit-linear-gradient(bottom, var(--color-dark) 0%,var(--color-darker) 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-linear-gradient(bottom, var(--color-dark) 0%,var(--color-darker) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to top, var(--color-dark) 0%,var(--color-darker) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ background: linear-gradient(to top, var(--color-dark) 0%,var(--color-darker) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: white; color: white;
margin-right: 40px;
z-index: 20; z-index: 20;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
overflow: auto; overflow: auto;
@ -115,24 +114,21 @@
+ .navbar__list { + .navbar__list {
margin-left: 12px; margin-left: 12px;
} }
}
&:last-of-type { @media (min-width: 769px) {
.navbar__list:last-of-type {
padding-right: 40px; padding-right: 40px;
} }
} }
@media (min-width: 768px) { @media (max-width: 768px) {
.navbar__list:last-of-type {
margin-right: 20px;
}
}
@media (max-width: 425px) {
.navbar__list { .navbar__list {
+ .navbar__list { + .navbar__list {
margin-left: 0; margin-left: 0;
padding-right: 80px;
} }
} }
} }