Fix #1251 -- Event list/calendar: Show "event almost sold out" state (#3063)

Co-authored-by: Richard Schreiber <schreiber@rami.io>
This commit is contained in:
Raphael Michel
2023-02-01 13:20:06 +01:00
committed by GitHub
parent aeb5c52bfe
commit 8bba1a2ea6
14 changed files with 248 additions and 69 deletions

View File

@@ -58,15 +58,35 @@
}
}
&.available, {
&.available {
background: lighten($brand-success, 48%);
border-color: lighten($brand-success, 30%);
border-left-color: $brand-success;
color: darken($brand-success, 12%);
&.low {
border-left-color: lighten($brand-warning, 12%);
}
&:hover {
background: lighten($brand-success, 50%);
border-color: $brand-success;
&.low {
border-left-color: $brand-warning;
}
}
}
&.waitinglist {
background: lighten($brand-warning, 41%);
border-color: lighten($brand-warning, 30%);
border-left-color: lighten($brand-warning, 12%);
color: #963;
&:hover {
background: lighten($brand-warning, 43%);
border-color: $brand-warning;
}
}
@@ -82,7 +102,6 @@
}
}
&.available > *:first-child,
&.continued > *:first-child,
&.soon > *:first-child {

View File

@@ -121,3 +121,33 @@ footer {
padding-bottom: 0;
}
}
.label-success-warning {
@include label-variant($label-success-bg);
padding-left: 2.5em;
position: relative;
&::before {
font-family: FontAwesome;
text-rendering: auto;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: white;
content: $fa-var-exclamation;
background: $label-warning-bg;
display: block;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 2em;
padding-top: .5em;
text-align: center;
border-top-left-radius: .25em;
border-bottom-left-radius: .25em;
}
}

View File

@@ -495,6 +495,12 @@
.pretix-widget-event-availability-red.pretix-widget-event-calendar-event {
background-color: $brand-danger;
}
.pretix-widget-event-availability-low .pretix-widget-event-list-entry-availability span {
border-left: 10px solid $brand-warning;
}
.pretix-widget-event-availability-low.pretix-widget-event-calendar-event {
border-right: 10px solid $brand-warning;
}
.pretix-widget-event-calendar {
padding-top: 10px;