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

Refines all-day event display

Browse source 
Improves the visual appearance of all-day events
by adjusting padding and margins.

Reduces padding in the all-day container and adds
margins to individual events for better spacing.
This commit is contained in:
Janus C. H. Knudsen 2025-10-02 01:11:32 +02:00
parent f2ad13776f
commit 135787146c
1 changed files with 3 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

3
wwwroot/css/calendar-layout-css.css
View file

@ -202,7 +202,7 @@ swp-allday-container {
grid-template-columns: repeat(var(--grid-columns, 7), minmax(var(--day-column-min-width), 1fr)); grid-template-columns: repeat(var(--grid-columns, 7), minmax(var(--day-column-min-width), 1fr));
grid-auto-rows: var(--single-row-height); /* Each row is exactly SINGLE_ROW_HEIGHT */ grid-auto-rows: var(--single-row-height); /* Each row is exactly SINGLE_ROW_HEIGHT */
gap: 2px 0px; gap: 2px 0px;
padding: 2px; padding: 0px;
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
} }
@ -328,6 +328,7 @@ swp-allday-container swp-event {
left: auto !important; left: auto !important;
right: auto !important; right: auto !important;
top: auto !important; top: auto !important;
margin: 1px;
padding: 2px 4px; padding: 2px 4px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;