Janus007/Calendar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adds shadow to stacked events

Browse source 
Improves the visual appearance of stacked events
by adding a subtle shadow effect, enhancing depth and
distinction between overlapping elements.
This commit is contained in:
Janus C. H. Knudsen 2025-10-08 22:57:02 +02:00
parent ecb1729c28
commit 03f9fa48d2
1 changed files with 8 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

8
wwwroot/css/calendar-events-css.css
View file

@ -286,6 +286,14 @@ swp-event-group.stack-level-4 {
margin-left: 60px; margin-left: 60px;
} }
/* Shadow for stacked events (level 1+) */
swp-event[data-stack-link]:not([data-stack-link*='"stackLevel":0']),
swp-event-group[data-stack-link]:not([data-stack-link*='"stackLevel":0']) swp-event {
box-shadow:
0 -1px 2px rgba(0, 0, 0, 0.1),
0 1px 2px rgba(0, 0, 0, 0.1);
}
/* Child events within grid */ /* Child events within grid */
swp-event-group swp-event { swp-event-group swp-event {
position: relative; position: relative;