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

A11y improvements (#2081)

Browse Source 
Co-authored-by: Raphael Michel <michel@rami.io>
Co-authored-by: Raphael Michel <mail@raphaelmichel.de>
This commit is contained in:
Richard Schreiber
2021-10-17 16:56:16 +02:00
committed by GitHub
parent cc13ca1c3f
commit 3dcfa57b70
61 changed files with 1505 additions and 990 deletions
Download Patch File Download Diff File Expand all files Collapse all files

78
src/pretix/static/pretixpresale/scss/_calendar.scss
View File

@@ -3,57 +3,82 @@
width: 14.29%;
}
h3 {
margin: 0;
font-size: 16px;
}
p {
margin-bottom: 0;
}
.events {
list-style: none;
padding: 0;
}
a.event {
display: block;
background: $brand-primary;
color: white;
border-radius: $border-radius-large;
background: lighten($brand-primary, 48%);
color: $brand-primary;
border-radius: $border-radius-base;
border-style: solid;
border-color: lighten($brand-primary, 30%);
border-width: 1px 1px 1px 12px;
border-left-color: inherit;
padding: 3px 5px;
margin-top: 3px;
font-size: 12px;
overflow-wrap: anywhere;
text-decoration: none;
&.continued {
background: #888;
opacity: 0.8;
&:hover {
background: lighten($brand-primary, 50%);
border-color: $brand-primary;
}
&:focus {
outline-color: inherit;
}
&.continued, &.over {
background: lighten(#767676, 48%);
border-color: lighten(#767676, 30%);
border-left-color: lighten(#767676, 30%);
color: #767676;
&:hover {
background: darken(#888, 15%);
opacity: 1;
background: lighten(#767676, 50%);
border-color: lighten(#767676, 25%);
}
}
&.soon {
opacity: 0.8;
background: lighten($brand-primary, 53%);
border-color: lighten($brand-primary, 40%);
border-left-color: lighten($brand-primary, 20%);
color: lighten($brand-primary, 5%);
&:hover {
opacity: 1;
}
}
&.over {
opacity: 0.8;
background: #888;
&:hover {
opacity: 1;
background: darken(#888, 15%);
background: lighten($brand-primary, 55%);
border-color: lighten($brand-primary, 20%);
}
}
&.available, {
background: $brand-success;
background: lighten($brand-success, 48%);
border-color: lighten($brand-success, 30%);
border-left-color: $brand-success;
color: darken($brand-success, 12%);
&:hover {
background: darken($brand-success, 15%);
background: lighten($brand-success, 50%);
border-color: $brand-success;
}
}
&.reserved, &.soldout, {
background: $brand-danger;
background: lighten($brand-danger, 43%);
border-color: lighten($brand-danger, 30%);
border-left-color: lighten($brand-danger, 30%);
color: darken($brand-danger, 5%);
&:hover {
background: darken($brand-danger, 15%);
background: lighten($brand-danger, 45%);
border-color: lighten($brand-danger, 25%);
}
}
@@ -64,11 +89,6 @@
.event-time, .event-status {
display: block;
}
&:hover {
text-decoration: none;
background: darken($brand-primary, 15%);
}
}
}
.week-calendar {