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

Back to a single swp-allday-container

Browse source
This commit is contained in:
Janus Knudsen 2025-08-26 00:05:42 +02:00
parent 07402a07d9
commit f9b7686b22
7 changed files with 252 additions and 182 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -17,6 +17,8 @@
--week-days: 7;
--header-height: 80px;
--all-day-row-height: 0px; /* Default height for all-day events row */
--allday-event-height: 26px; /* Height of single all-day event including gaps */
--stack-levels: 1; /* Number of stack levels for all-day events */
/* Time boundaries - Default fallback values */
--day-start-hour: 0;

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

@ -267,15 +267,18 @@ swp-day-header[data-today="true"] swp-day-date {
}
/* All-day event container - spans columns as needed */
/* All-day container - simple container that expands with auto-rows */
swp-allday-container {
grid-column: 1 / -1; /* Span all columns */
grid-row: 2; /* Second row of calendar header */
display: grid;
grid-template-columns: 1fr; /* Single column for now, can expand later */
grid-auto-rows: min-content;
grid-template-columns: repeat(var(--grid-columns, 7), minmax(var(--day-column-min-width), 1fr));
grid-auto-rows: var(--allday-event-height, 26px); /* Auto-expand rows as needed */
gap: 2px;
padding: 2px;
height: 100%;
align-items: center;
overflow: hidden;
min-height: var(--allday-event-height, 26px);
}
/* All-day events in containers */