jennie/ghostguild-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(events): replace 50% opacity on cancelled rows with strikethrough

Browse source 
The .is-cancelled row used opacity:0.5, which dragged --text-faint
(#665c4b) on the cream background to a 2.1:1 ratio against #f4efe4 —
serious axe violation flagged in CI. Strikethrough on the title and
tagline conveys the cancelled state without crushing contrast; the
existing .cancelled-tag in --ember still flags the row.
This commit is contained in:
Jennie Robinson Faber 2026-05-01 12:08:29 +01:00
parent 47e106171e
commit b7d9d91b1a
1 changed files with 6 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

8
app/pages/events/index.vue
View file

@ -232,8 +232,12 @@ const isAlmostFull = (event) => {
.event-row:hover {
padding-left: 4px;
}
.event-row.is-cancelled {
opacity: 0.5;
.event-row.is-cancelled .event-title a {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.event-row.is-cancelled .event-tagline {
text-decoration: line-through;
}
.event-date-col {