[A11y] Improve customer account pages (#4654)

This commit is contained in:
Richard Schreiber
2024-11-29 14:16:40 +01:00
committed by GitHub
parent f4ca9a5681
commit a1bf7be244
20 changed files with 738 additions and 398 deletions

View File

@@ -8,7 +8,7 @@ $gray-lightest: lighten(#000, 97.25%);
$font-family-sans-serif: var(--pretix-font-family-sans-serif);
$text-color: #222222 !default;
$text-muted: #767676 !default;
$text-muted: #737373 !default;
$input-color-placeholder: lighten(#000, 70%) !default;
$border-radius-base: var(--pretix-border-radius-base);

View File

@@ -30,9 +30,6 @@ $body-bg: #f5f5f5 !default;
float: left;
margin-right: .25em;
}
.status-dot {
font-size: 1.2em;
}
.text-warning { color: $brand-warning; }
.text-info { color: $brand-info; }
.text-success { color: $brand-success; }
@@ -98,6 +95,9 @@ footer nav .btn-link {
vertical-align: baseline;
}
}
.subnav a.active {
font-weight: bold;
}
.locales ul {
display: inline;
list-style: none;
@@ -499,6 +499,9 @@ h2 .label {
&.availability .progress-bar-success {
background: var(--pretix-brand-success-lighten-20);
}
&.full-width {
width: 100%;
}
}
.nav-tabs {
@@ -527,6 +530,76 @@ h2 .label {
font-size: 30px;
}
.textbubble-success, .textbubble-info, .textbubble-warning, .textbubble-danger {
padding: 0 .4em;
border-radius: $border-radius-base;
font-weight: bold;
white-space: nowrap;
&:has(>.fa:first-child) {
padding-left: .25em;
}
}
.textbubble-success {
color: var(--pretix-brand-success-shade-42);
background: var(--pretix-brand-success-tint-85);
.fa {
color: var(--pretix-brand-success);
}
}
.textbubble-info {
color: var(--pretix-brand-info-shade-42);
background: var(--pretix-brand-info-tint-85);
.fa {
color: var(--pretix-brand-info);
}
}
.textbubble-warning {
color: var(--pretix-brand-warning-shade-42);
background: var(--pretix-brand-warning-tint-85);
.fa {
color: var(--pretix-brand-warning);
}
}
.textbubble-danger {
color: var(--pretix-brand-danger-shade-42);
background: var(--pretix-brand-danger-tint-85);
.fa {
color: var(--pretix-brand-danger);
}
}
.full-width-list {
list-style: none;
margin: 0;
padding: 0;
li {
padding: 15px 0;
}
li+li {
border-top: 1px solid $table-border-color;
}
}
.panel-body:has(>.full-width-list:first-child) {
padding-top: 0;
}
.panel-body:has(>.full-width-list:last-child) {
padding-bottom: 0;
}
.alternating-rows .row:nth-child(even) {
background-color: $table-bg-accent;
}
.account-addresses address::first-line {
font-weight: bold;
}
@import "_iframe.scss";
@import "_a11y.scss";
@import "_print.scss";