From 6e5caf33ad1fbfd7a23a34e1f712ab09bfd3f389 Mon Sep 17 00:00:00 2001 From: Mischa Date: Sat, 20 Jun 2026 11:09:37 +0200 Subject: [PATCH] =?UTF-8?q?fix(story):=20soft=20pill=20for=20scrolly=20cap?= =?UTF-8?q?tion=20=E2=80=94=20rounded=20edges=20with=20faded=20halo?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit border-radius: 9999px for a true pill shape. box-shadow matching the background alpha creates the feathered edge fade all the way around without any extra elements. Co-Authored-By: Claude Sonnet 4.6 Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr --- themes/intotheeast/css/style.css | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/themes/intotheeast/css/style.css b/themes/intotheeast/css/style.css index 6fc42fc..d990013 100644 --- a/themes/intotheeast/css/style.css +++ b/themes/intotheeast/css/style.css @@ -1318,9 +1318,10 @@ body::after { max-width: 85%; overflow: hidden; text-overflow: ellipsis; - background: rgba(0,0,0,0.45); + background: rgba(0,0,0,0.38); + box-shadow: 0 0 14px 8px rgba(0,0,0,0.38); padding: 0.2rem 0.65rem; - border-radius: 2px; + border-radius: 9999px; z-index: 2; } .scrolly__steps-content { display: none; }