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

make breadcrumbs responsive again and always show sidebar

Browse Source
This commit is contained in:
Felix Hamann 2019-01-26 12:07:49 +01:00
parent 5227e85921
commit 12fd7f30f1
3 changed files with 18 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
templates/default-layout.lucius
View File

@ -175,9 +175,8 @@ h4 {
position: relative; position: relative;
background-color: white; background-color: white;
transition: padding-left .2s ease-out; transition: padding-left .2s ease-out;
max-width: 1200px;
margin: 0 auto;
margin-top: var(--header-height-collapsed); margin-top: var(--header-height-collapsed);
margin-left: 0;
> .container { > .container {
margin: 20px 0; margin: 20px 0;
@ -196,15 +195,8 @@ h4 {
} }
} }
.logged-in { @media (min-width: 426px) {
.main__content { :not(.modal) {
max-width: none;
margin-left: 0;
}
}
@media (min-width: 425px) {
.logged-in:not(.modal) {
.main__content { .main__content {
margin-left: var(--asidenav-width-md, 50px); margin-left: var(--asidenav-width-md, 50px);
} }
@ -212,7 +204,7 @@ h4 {
} }
@media (min-width: 769px) { @media (min-width: 769px) {
.logged-in:not(.modal) { :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); margin-top: var(--header-height);
@ -221,7 +213,7 @@ h4 {
} }
@media (min-width: 1200px) { @media (min-width: 1200px) {
.logged-in:not(.modal) { :not(.modal) {
.main__content { .main__content {
margin-left: var(--asidenav-width-xl, 250px); margin-left: var(--asidenav-width-xl, 250px);
} }

8
templates/widgets/asidenav.lucius
View File

@ -1,6 +1,5 @@
.main__aside { .main__aside {
position: fixed; position: fixed;
display: none;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
z-index: 1; z-index: 1;
top: 0; top: 0;
@ -35,13 +34,6 @@
} }
} }
.logged-in {
.main__aside {
display: block;
min-height: calc(100% - var(--header-height-collapsed));
}
}
@media (max-width: 425px) { @media (max-width: 425px) {
.main__aside { .main__aside {

14
templates/widgets/breadcrumbs.lucius
View File

@ -1,11 +1,23 @@
.breadcrumbs__container { .breadcrumbs__container {
position: relative; position: relative;
color: var(--color-lightwhite); color: var(--color-lightwhite);
padding: 4px 40px; padding: 4px 13px;
background-color: var(--color-dark); background-color: var(--color-dark);
line-height: 30px; line-height: 30px;
} }
@media (min-width: 426px) {
.breadcrumbs__container {
padding: 7px 20px;
}
}
@media (min-width: 769px) {
.breadcrumbs__container {
padding: 7px 40px;
}
}
.breadcrumbs__link { .breadcrumbs__link {
color: var(--color-lightwhite); color: var(--color-lightwhite);