CGM_Public/pretix_cgo
1
0
Fork 0
forked from CGM_Public/pretix_original
Code Pull Requests Actions Activity

[A11y] fix border contrast for inputs

Browse Source
This commit is contained in:
Richard Schreiber
2025-04-23 14:34:50 +02:00
committed by GitHub
parent 2b245f727e
commit 48c2d57cd4
2 changed files with 21 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/pretix/static/pretixpresale/scss/main.scss
View File

@@ -1,5 +1,6 @@
// before variables.scss because it only affects presale, not control
$body-bg: #f5f5f5 !default;
$input-border: #949494;
$font-size-base: 0.875rem !default;/* 14px/16px = 0.875rem */
@@ -103,10 +104,24 @@ a, .btn-link {
/* see line 26, pretix/static/bootstrap/scss/bootstrap/_buttons.scss */
button:focus, a:focus, .btn:focus, summary:focus,
/*button:active, a:active, .btn:active, summary:active,*/
button:active:focus, a:active:focus, .btn:active:focus, summary:active:focus {
button:active:focus, a:active:focus, .btn:active:focus, summary:active:focus,
input:focus, .form-control:focus, .btn-checkbox:has(input:focus),
.input-item-count-group:has(input:focus), .input-group-price:has(input:focus) {
outline: 2px solid $link-hover-color;
outline-offset: 2px;
}
input:focus, .form-control:focus {
border-color: $input-border;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-checkbox input:focus, .input-item-count-group input:focus, .input-group-price input:focus {
outline: none;
}
/* border-radius on these containers is needed for correctly rounded focus-outlines */
.input-item-count-group, .input-group-price {
border-radius: var(--pretix-border-radius-base);
}
footer {
clear: both;