visually more clear pageaction-section and nicer section spacing overall

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

View File

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

View File

@ -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;
margin: 0;
border-bottom: none; border-bottom: none;
}
} }
.pseudonym { .pseudonym {
font-family: monospace; font-family: monospace;
} }
.headline-one {
margin-bottom: 15px;
}

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;
} }