style(calendar): add fade effect to DateStrip edges

Add CSS mask-image gradient to fade out dates at the left and right
edges of the DateStrip, creating a smoother visual scroll indicator.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Till-JS 2025-12-13 14:02:30 +01:00
parent e8ec273355
commit faa94129c5

View file

@ -412,6 +412,14 @@
scroll-behavior: auto;
padding: 1.25rem 1rem 0.25rem;
margin-top: -1rem;
mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
-webkit-mask-image: linear-gradient(
to right,
transparent 0%,
black 8%,
black 92%,
transparent 100%
);
}
.days-scroll::-webkit-scrollbar {