forked from CGM_Public/pretix_original
[A11y] Improve customer account pages (#4654)
This commit is contained in:
committed by
GitHub
parent
f4ca9a5681
commit
a1bf7be244
@@ -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);
|
||||
|
||||
@@ -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";
|
||||
|
||||
Reference in New Issue
Block a user