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

more meaningful navbar-breakpoints

Browse Source
This commit is contained in:
Felix Hamann 2018-06-20 21:57:14 +02:00
parent 5cc3920059
commit 136e7d6057
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
templates/widgets/form.hamlet
View File

@ -8,3 +8,4 @@ $case formLayout
<label .form-group__label .reactive-label for=#{fvId view}>#{fvLabel view} <label .form-group__label .reactive-label for=#{fvId view}>#{fvLabel view}
$# TODO: inputs should have proper placeholders $# TODO: inputs should have proper placeholders
^{fvInput view} ^{fvInput view}
$# FIXME: file-input element does not have `required` attribute, although set on form-group

20
templates/widgets/navbar.lucius
View File

@ -21,15 +21,24 @@
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
} }
@media (max-width: 999px) { @media (max-width: 768px) {
.navbar { .navbar {
padding-left: 90px; padding-left: 90px;
} }
} }
@media (max-width: 500px) {
.navbar {
padding-left: 20px;
}
}
.navbar__logo { .navbar__logo {
transition: all .2s ease; transition: all .2s ease;
transform-origin: left;
width: 0px;
&::before { &::before {
content: 'UniWorkY'; content: 'UniWorkY';
@ -43,17 +52,14 @@
@media (max-width: 768px) { @media (max-width: 768px) {
.navbar__logo { .navbar__logo {
transform: scale(0.7, 0.7); transform: scale(0.7);
transform-origin: left;
position: absolute;
} }
} }
@media (max-width: 500px) { @media (max-width: 425px) {
.navbar__logo { .navbar__logo {
left: 20px; transform: scale(0.3);
transform: scale(0.3, 0.3);
} }
} }