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

Improves event hover highlighting

Browse source 
Uses CSS classes for event hover highlighting,
instead of directly manipulating the background color.
This allows for more flexible and maintainable styling.

Re-enables resize handle manager.
Removes console logs.
This commit is contained in:
Janus C. H. Knudsen 2025-10-08 18:15:00 +02:00
parent 8b8a1e3127
commit 3145752591
4 changed files with 37 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

5
wwwroot/css/calendar-base-css.css
View file

@ -44,14 +44,19 @@
/* Event colors - Updated with month-view-expanded.html color scheme */
--color-event-meeting: #e8f5e8;
--color-event-meeting-border: #4caf50;
--color-event-meeting-hl: #c8e6c9;
--color-event-meal: #fff8e1;
--color-event-meal-border: #ff9800;
--color-event-meal-hl: #ffe0b2;
--color-event-work: #fff8e1;
--color-event-work-border: #ff9800;
--color-event-work-hl: #ffe0b2;
--color-event-milestone: #ffebee;
--color-event-milestone-border: #f44336;
--color-event-milestone-hl: #ffcdd2;
--color-event-personal: #f3e5f5;
--color-event-personal-border: #9c27b0;
--color-event-personal-hl: #e1bee7;
/* UI colors */
--color-background: #ffffff;

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

@ -60,7 +60,32 @@ swp-day-columns swp-event {
right: 2px;
width: auto;
}
/* Hover state - highlight colors */
&.hover[data-type="meeting"] {
background: var(--color-event-meeting-hl);
}
&.hover[data-type="meal"] {
background: var(--color-event-meal-hl);
}
&.hover[data-type="work"] {
background: var(--color-event-work-hl);
}
&.hover[data-type="milestone"] {
background: var(--color-event-milestone-hl);
}
&.hover[data-type="personal"] {
background: var(--color-event-personal-hl);
}
&.hover[data-type="deadline"] {
background: var(--color-event-milestone-hl);
}
}
swp-day-columns swp-event:hover {