Remove vertical edge text from ticket stage

This commit is contained in:
Alex Lion
2026-07-24 23:13:12 +02:00
parent e10508528e
commit e2dbca8bdf
2 changed files with 4 additions and 28 deletions

View File

@@ -340,26 +340,6 @@
height: 20px;
}
/* vertical repeated edge text */
.ticket-stage .edge-text {
position: absolute;
z-index: 2;
top: 0;
bottom: 0;
right: 8px;
writing-mode: vertical-rl;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--mono);
font-size: 10px;
letter-spacing: 0.45em;
text-transform: uppercase;
color: color-mix(in srgb, var(--paper-ink) 30%, transparent);
white-space: nowrap;
pointer-events: none;
}
/* ============================================================
Below lg the ticket becomes the design's "Tall" boarding-pass
orientation: body stacked above the stub, notches on the sides.
@@ -400,9 +380,6 @@
top: 50%;
transform: translate(50%, -50%);
}
.ticket-stage .edge-text {
display: none;
}
.ticket-stage .event-title {
font-size: clamp(38px, 11vw, 52px);
}

View File

@@ -505,7 +505,6 @@
<div class="ticket" id="waiting-ticket" phx-hook="TicketTilt">
<div class="texture"></div>
<div class="glare"></div>
<div class="edge-text">{@event.name} · {@event.name} · {@event.name}</div>
<div class="ticket-body">
<span class="eyebrow">