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

visually more clear pageaction-section and nicer section spacing overall

Browse Source
This commit is contained in:
Felix Hamann 2019-01-26 22:37:21 +01:00
parent a5ddfbf5b8
commit deb2390337
3 changed files with 34 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
templates/default-layout.hamlet
View File

@ -17,23 +17,24 @@ $if not isModal
<div .main__content-body> <div .main__content-body>
$maybe headline <- contentHeadline <section>
<h1> $maybe headline <- contentHeadline
<!-- $maybe back <- lastMaybe parents <h1 .headline-one>
<a .breadcrumbs__link href="@{fst back}">#{snd back} --> <!-- $maybe back <- lastMaybe parents
^{headline} <a .breadcrumbs__link href="@{fst back}">#{snd back} -->
^{headline}
$if not isModal $if not isModal
<!-- prime page actions --> <!-- prime page actions -->
^{pageactionprime} ^{pageactionprime}
<!-- alerts -->
<div #alerts .alerts>
$forall (status, msg) <- mmsgs
$with status2 <- bool status "info" (status == "")
<div class="alert alert-#{status2}">
<div .alert__content>
#{msg}
<!-- actual content --> <!-- actual content -->
^{widget} ^{widget}
<!-- alerts -->
<div #alerts .alerts>
$forall (status, msg) <- mmsgs
$with status2 <- bool status "info" (status == "")
<div class="alert alert-#{status2}">
<div .alert__content>
#{msg}

22
templates/default-layout.lucius
View File

@ -450,7 +450,7 @@ input[type="button"].btn-info:hover,
} }
ul.list--inline { ul.list--inline {
display: inline-block; display: inline-block;
margin-left: 0; margin-left: 0;
@ -526,18 +526,24 @@ ul.list--inline {
} }
section { section {
padding: 0 0 12px; padding-bottom: 20px;
margin: 0 0 12px; margin-bottom: 20px;
border-bottom: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;
} + section {
margin-top: 20px;
padding-top: 20px;
}
section:last-of-type { section {
padding: 0; border-bottom: none;
margin: 0; }
border-bottom: none;
} }
.pseudonym { .pseudonym {
font-family: monospace; font-family: monospace;
} }
.headline-one {
margin-bottom: 15px;
}

10
templates/widgets/pageactionprime.lucius
View File

@ -1,10 +1,6 @@
.page-nav-prime {
margin: 10px 0 20px;
background-color: var(--color-grey-light);
}
.pagenav__list-item { .pagenav__list-item {
display: inline-block; display: inline-block;
padding: 15px; padding: 7px 10px;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.6);
margin: 10px 10px 0 0;
} }