From e08dda40d953b6ea9198a30d9b3946bac6c49318 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Thea=20Sch=C3=B6bl?= <dev@theaninova.de>
Date: Wed, 17 Dec 2025 19:58:05 +0100
Subject: [PATCH] feat: new left/right graphic

---
 src/lib/components/Action.svelte | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Action.svelte b/src/lib/components/Action.svelte
index 2977fd88..5d884b2d 100644
--- a/src/lib/components/Action.svelte
+++ b/src/lib/components/Action.svelte
@@ -155,11 +155,21 @@
     text-decoration: line-through;
   }
 
+  $variant-offset: 12px;
+  $variant-padding: calc(2px + $variant-offset);
+  $variant-color: color-mix(
+    in srgb,
+    var(--md-sys-color-on-surface) 50%,
+    transparent
+  );
+
   .left {
-    border-left-width: 3px;
+    padding-inline-end: $variant-padding;
+    text-shadow: $variant-offset 0 2px $variant-color;
   }
   .right {
-    border-right-width: 3px;
+    padding-inline-start: $variant-padding;
+    text-shadow: -$variant-offset 0 2px $variant-color;
   }
 
   .inline-kbd {