m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(story): soft pill for scrolly caption — rounded edges with faded halo

Browse Source 
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 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
This commit is contained in:
Mischa
2026-06-20 11:09:37 +02:00
parent 49c4ab0341
commit 6e5caf33ad
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/css/style.css
+3 -2
View File
@@ -1318,9 +1318,10 @@ body::after {
max-width: 85%; max-width: 85%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; 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; padding: 0.2rem 0.65rem;
border-radius: 2px; border-radius: 9999px;
z-index: 2; z-index: 2;
} }
.scrolly__steps-content { display: none; } .scrolly__steps-content { display: none; }