From e2dbca8bdfc5578f0cee4f236b3ca1e0d720c2e9 Mon Sep 17 00:00:00 2001
From: Alex Lion <dev@alexandrelion.com>
Date: Fri, 24 Jul 2026 23:13:12 +0200
Subject: [PATCH] Remove vertical edge text from ticket stage

---
 assets/css/ticket.css                         | 23 -------------------
 lib/claper_web/live/event_live/show.html.heex |  9 ++++----
 2 files changed, 4 insertions(+), 28 deletions(-)

diff --git a/assets/css/ticket.css b/assets/css/ticket.css
index a37711e..0d88bff 100644
--- a/assets/css/ticket.css
+++ b/assets/css/ticket.css
@@ -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);
     }
diff --git a/lib/claper_web/live/event_live/show.html.heex b/lib/claper_web/live/event_live/show.html.heex
index 72a17cb..82b9962 100644
--- a/lib/claper_web/live/event_live/show.html.heex
+++ b/lib/claper_web/live/event_live/show.html.heex
@@ -502,12 +502,11 @@
   </div>
 <% else %>
   <div class="ticket-stage">
-    <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" id="waiting-ticket" phx-hook="TicketTilt">
+        <div class="texture"></div>
+        <div class="glare"></div>
 
-      <div class="ticket-body">
+        <div class="ticket-body">
         <span class="eyebrow">
           <span class="dot"></span>{gettext("Live interactive event")}
         </span>