mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 21:01:08 +02:00
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:
parent
e8ec273355
commit
faa94129c5
1 changed files with 8 additions and 0 deletions
|
|
@ -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 {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue