mirror of
https://github.com/ClaperCo/Claper.git
synced 2026-08-29 10:09:08 +02:00
Remove vertical edge text from ticket stage
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
@@ -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">
|
||||
|
||||
Reference in New Issue
Block a user