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

Adds month view design and styling

Browse source 
Introduces basic month view structure and styling with week numbers.

Creates expanded month view with event details and duration-based sizing.

Moves event color handling to CSS classes for better flexibility and theming.
This commit is contained in:
Janus Knudsen 2025-08-21 22:09:15 +02:00
parent 0ea4e47324
commit 18c12cd3e6
8 changed files with 1735 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -10,7 +10,7 @@ swp-event {
z-index: 10;
left: 2px;
right: 2px;
color: white;
color: var(--color-text);
font-size: 12px;
padding: 2px 4px;
@ -18,28 +18,44 @@ swp-event {
&[data-type="meeting"] {
background: var(--color-event-meeting);
border-left: 4px solid var(--color-event-meeting-border);
color: var(--color-text);
}
&[data-type="meal"] {
background: var(--color-event-meal);
border-left: 4px solid var(--color-event-meal-border);
color: var(--color-text);
}
&[data-type="work"] {
background: var(--color-event-work);
border-left: 4px solid var(--color-event-work-border);
color: var(--color-text);
}
&[data-type="milestone"] {
background: var(--color-event-milestone);
border-left: 4px solid var(--color-event-milestone-border);
color: var(--color-text);
}
&[data-type="personal"] {
background: var(--color-event-personal);
border-left: 4px solid var(--color-event-personal-border);
color: var(--color-text);
}
&[data-type="deadline"] {
background: var(--color-event-milestone);
border-left: 4px solid var(--color-event-milestone-border);
color: var(--color-text);
}
}
swp-event:hover {
box-shadow: var(--shadow-md);
filter: brightness(0.95);
transform: translateX(2px);
z-index: 20;
}