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

increased browser-compatibility for borders in navbar

Browse Source
This commit is contained in:
Felix Hamann 2018-07-16 21:15:18 +02:00
parent e28c8589c4
commit 5f2e514cba
1 changed files with 24 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
templates/widgets/navbar.lucius
View File

@ -56,7 +56,6 @@
min-width: 70px; min-width: 70px;
height: calc(100% - 4px); height: calc(100% - 4px);
padding: 0 6px 4px; padding: 0 6px 4px;
box-shadow: 0 0 0 1px inset var(--color-lmu-box-border);
} }
&::after { &::after {
@ -70,7 +69,14 @@
width: 100%; width: 100%;
height: calc(100% - 4px); height: calc(100% - 4px);
padding: 0 6px 4px; padding: 0 6px 4px;
box-shadow: 0 0 0 1px inset var(--color-lmu-box-border); }
}
@media (min-width: 769px) {
.navbar__logo::before,
.navbar__logo::after {
border: 1px solid var(--color-lmu-box-border);
} }
} }
@ -114,7 +120,6 @@
min-width: 90px; min-width: 90px;
color: var(--color-lightwhite); color: var(--color-lightwhite);
transition: height .2s cubic-bezier(0.03, 0.43, 0.58, 1); transition: height .2s cubic-bezier(0.03, 0.43, 0.58, 1);
box-shadow: 0 0 0 1px inset var(--color-lmu-box-border);
&:hover { &:hover {
color: var(--color-lightwhite); color: var(--color-lightwhite);
@ -127,6 +132,13 @@
text-transform: uppercase; text-transform: uppercase;
} }
@media (min-width: 769px) {
.navbar__link-wrapper {
border: 1px solid var(--color-lmu-box-border);
}
}
@media (max-width: 768px) { @media (max-width: 768px) {
.navbar__link-wrapper { .navbar__link-wrapper {
@ -258,7 +270,15 @@
.navbar__link-wrapper { .navbar__link-wrapper {
color: var(--color-grey); color: var(--color-grey);
box-shadow: 0 0 0 1px inset var(--color-grey); }
}
@media (min-width: 769px) {
.navbar__list-item--secondary {
.navbar__link-wrapper {
border: 1px solid var(--color-grey);
}
} }
} }