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

adjust new layout to small screens

Browse Source
This commit is contained in:
Felix Hamann 2019-01-26 12:07:35 +01:00
parent 791a53a846
commit 07c77214ee
3 changed files with 19 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
templates/default-layout.lucius
View File

@ -177,7 +177,7 @@ h4 {
transition: padding-left .2s ease-out; transition: padding-left .2s ease-out;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;
margin-top: var(--header-height); margin-top: var(--header-height-collapsed);
> .container { > .container {
margin: 20px 0; margin: 20px 0;
@ -215,6 +215,7 @@ h4 {
.logged-in:not(.modal) { .logged-in:not(.modal) {
.main__content { .main__content {
margin-left: var(--asidenav-width-lg, 20%); margin-left: var(--asidenav-width-lg, 20%);
margin-top: var(--header-height);
} }
} }
} }
@ -228,7 +229,19 @@ h4 {
} }
.main__content-body { .main__content-body {
padding: 40px; padding: 13px;
}
@media (min-width: 426px) {
.main__content-body {
padding: 13px 20px;
}
}
@media (min-width: 769px) {
.main__content-body {
padding: 20px 40px;
}
} }
.pseudo-focus { .pseudo-focus {

7
templates/widgets/asidenav.lucius
View File

@ -300,6 +300,7 @@
flex-basis: var(--asidenav-width-md, 50px); flex-basis: var(--asidenav-width-md, 50px);
overflow: hidden; overflow: hidden;
min-height: calc(100% - var(--header-height-collapsed)); min-height: calc(100% - var(--header-height-collapsed));
top: var(--header-height-collapsed);
.asidenav__box-title { .asidenav__box-title {
width: var(--asidenav-width-md, 50px); width: var(--asidenav-width-md, 50px);
@ -307,7 +308,8 @@
text-align: center; text-align: center;
padding: 10px 1px; padding: 10px 1px;
word-break: break-all; word-break: break-all;
background-color: var(--color-darker); background-color: var(--color-dark);
color: var(--color-lightwhite);
} }
.asidenav__link-shorthand { .asidenav__link-shorthand {
@ -337,7 +339,7 @@
} }
.asidenav__link-wrapper { .asidenav__link-wrapper {
color: var(--color-lightwhite); color: var(--color-font);
padding: 0; padding: 0;
} }
@ -350,7 +352,6 @@
.asidenav__link-wrapper { .asidenav__link-wrapper {
background-color: var(--color-lightwhite); background-color: var(--color-lightwhite);
color: var(--color-dark);
} }
} }

6
templates/widgets/navbar.lucius
View File

@ -54,12 +54,6 @@
} }
@media (max-width: 768px) { @media (max-width: 768px) {
.navbar {
left: var(--asidenav-width-md);
}
}
@media (max-width: 425px) {
.navbar { .navbar {
left: 0; left: 0;
} }