Event index: Increase white-space for products and headlines (#3092)

This commit is contained in:
Richard Schreiber
2023-02-07 15:03:28 +01:00
committed by GitHub
parent 38b8269f14
commit ba2c6e1e58
5 changed files with 20 additions and 10 deletions

View File

@@ -16,7 +16,7 @@
<span role="columnheader" aria-sort="none">{% trans "Price total" %}</span> <span role="columnheader" aria-sort="none">{% trans "Price total" %}</span>
</div> </div>
</div> </div>
<div role="rowgroup"> <div role="rowgroup" class="firstchild-in-panel">
{% for line in cart.positions %} {% for line in cart.positions %}
<div role="row" class="row cart-row {% if download %}has-downloads{% endif %}{% if editable %}editable{% endif %}"> <div role="row" class="row cart-row {% if download %}has-downloads{% endif %}{% if editable %}editable{% endif %}">
<div role="cell" class="product"> <div role="cell" class="product">

View File

@@ -1,6 +1,6 @@
.cart-row { .cart-row {
/* Cart grid */ /* Cart grid */
padding: 10px 0; padding: 0.75*$line-height-computed 0;
.product>*:last-child { .product>*:last-child {
margin-bottom: 0; margin-bottom: 0;
@@ -100,6 +100,9 @@
} }
} }
.cart .firstchild-in-panel .cart-row:first-child {
padding-top: 0;
}
.cart [role=rowgroup]:last-child { .cart [role=rowgroup]:last-child {
border-top: 1px solid $table-border-color; border-top: 1px solid $table-border-color;
} }

View File

@@ -96,9 +96,9 @@
} }
&.headline, &.simple { &.headline, &.simple {
border-top: 2px solid transparent; border-top: 1px solid transparent;
&::before { &::before {
border-top: 2px solid $table-border-color; border-top: 1px solid $table-border-color;
} }
} }
} }
@@ -110,14 +110,14 @@ article.item-with-variations {
article.item-with-variations:last-child, .product-row:last-child { article.item-with-variations:last-child, .product-row:last-child {
position: relative; position: relative;
border-bottom: 2px solid transparent; border-bottom: 1px solid transparent;
&::after { &::after {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 15px; left: 15px;
width: calc(100% - 30px); width: calc(100% - 30px);
content: ''; content: '';
border-bottom: 2px solid $table-border-color; border-bottom: 1px solid $table-border-color;
} }
} }
article.item-with-variations .product-row:last-child:after { article.item-with-variations .product-row:last-child:after {
@@ -146,7 +146,7 @@ article.item-with-variations .product-row:last-child:after {
} }
.product-row { .product-row {
padding: 10px 0; padding: 0.75*$line-height-computed 0;
.count form { .count form {
display: inline; display: inline;

View File

@@ -1,5 +1,12 @@
@import "../../pretixbase/scss/_contrast.scss"; @import "../../pretixbase/scss/_contrast.scss";
h1, .h1,
h2, .h2,
h3, .h3 {
margin-top: 2.25 * $line-height-computed;
margin-bottom: 0.75 * $line-height-computed;
}
.page-header { .page-header {
position: relative; position: relative;
padding-bottom: 9px; padding-bottom: 9px;
@@ -150,4 +157,4 @@ footer {
border-top-left-radius: .25em; border-top-left-radius: .25em;
border-bottom-left-radius: .25em; border-bottom-left-radius: .25em;
} }
} }

View File

@@ -351,8 +351,8 @@ body.loading .container {
.panel-title a[data-toggle="collapse"], details .panel-title { .panel-title a[data-toggle="collapse"], details .panel-title {
display: flex; display: flex;
padding: 10px 15px; padding: 0.75*$line-height-computed;
margin: -10px -15px; margin: -0.75*$line-height-computed;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
outline: 0; outline: 0;