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

Merge branch 'master' of gitlab.cip.ifi.lmu.de:jost/UniWorX

Browse Source
This commit is contained in:
Gregor Kleen 2018-09-18 20:44:08 +02:00
commit ccb5ffbbb4
3 changed files with 31 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/default-layout.lucius
View File

@ -156,6 +156,7 @@ h4 {
position: relative; position: relative;
min-height: calc(100vh - var(--header-height)); min-height: calc(100vh - var(--header-height));
padding: 20px; padding: 20px;
overflow: hidden;
} }
@media (max-width: 768px) { @media (max-width: 768px) {
@ -169,7 +170,6 @@ h4 {
.main__content { .main__content {
position: relative; position: relative;
background-color: white; background-color: white;
overflow: hidden;
transition: padding-left .2s ease-out; transition: padding-left .2s ease-out;
max-width: 1200px; max-width: 1200px;
margin: 0 auto; margin: 0 auto;

2
templates/widgets/breadcrumbs.hamlet
View File

@ -4,4 +4,4 @@ $newline never
$forall bc <- parents $forall bc <- parents
<li .breadcrumbs__item> <li .breadcrumbs__item>
<a .breadcrumbs__link href="@{fst bc}">#{snd bc} <a .breadcrumbs__link href="@{fst bc}">#{snd bc}
<li .breadcrumbs__item>#{title} <li .breadcrumbs__last-item>#{title}

48
templates/widgets/breadcrumbs.lucius
View File

@ -1,13 +1,28 @@
.breadcrumbs__container { .breadcrumbs__container {
position: relative; position: relative;
color: var(--color-font); color: var(--color-lightwhite);
margin-bottom: 10px; margin-top: -11px;
margin-right: -20px;
margin-bottom: 20px;
margin-left: -42px;
padding: 4px 13px;
padding-left: 42px;
background-color: var(--color-dark);
line-height: 30px;
}
@media (min-width: 768px) {
.breadcrumbs__container {
margin-top: -22px;
}
} }
.breadcrumbs__link { .breadcrumbs__link {
color: var(--color-lightwhite);
&:hover { &:hover {
color: var(--color-fontsec); color: var(--color-white);
} }
} }
@ -19,24 +34,10 @@
z-index: 1; z-index: 1;
margin-right: 10px; margin-right: 10px;
&:last-child {
margin-right: 0;
font-weight: 800;
color: var(--color-dark);
top: 1px;
&::after {
content: none;
}
}
--color-separator: var(--color-primary);
&:hover { &:hover {
opacity: 1; opacity: 1;
} }
&::after { &::after {
content: ''; content: '';
position: absolute; position: absolute;
@ -44,9 +45,18 @@
right: 0; right: 0;
width: 7px; width: 7px;
height: 7px; height: 7px;
border-bottom: 1px solid var(--color-separator); border-style: solid;
border-right: 1px solid var(--color-separator); border-width: 0;
border-bottom-width: 1px;
border-right-width: 1px;
border-color: var(--color-white);
transform: rotate(-45deg); transform: rotate(-45deg);
z-index: 10; z-index: 10;
} }
} }
.breadcrumbs__last-item {
line-height: 28px;
vertical-align: bottom;
font-weight: 600;
}