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

Working all day

Browse source
This commit is contained in:
Janus Knudsen 2025-08-05 00:17:17 +02:00
parent c164975494
commit 7ac7e0f7f8
2 changed files with 6 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/managers/GridManager.ts
View file

@ -338,9 +338,9 @@ export class GridManager {
* Update spacer heights based on all-day events presence
*/
private updateSpacerHeights(): void {
const allDayEventCount = this.allDayEvents.length;
const eventHeight = 20; // Height per all-day event in pixels
const padding = 4; // Top/bottom padding
const allDayEventCount = 1;
const eventHeight = 26; // Height per all-day event in pixels
const padding = 0; // Top/bottom padding
const allDayHeight = allDayEventCount > 0 ? (allDayEventCount * eventHeight) + padding : 0;
// Set CSS variable for dynamic spacer height

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

@ -224,13 +224,14 @@ swp-week-header {
position: sticky;
top: 0;
z-index: 3; /* Lower than header-spacer so it slides under during horizontal scroll */
height: auto; /* Dynamic height based on content */
height: calc(var(--header-height) + var(--all-day-row-height)); /* Same calculation as spacers */
}
swp-day-header {
padding: 12px;
text-align: center;
border-right: 1px solid var(--color-grid-line);
border-bottom: 1px solid var(--color-grid-line);
display: flex;
flex-direction: column;
align-items: center;
@ -267,20 +268,11 @@ swp-day-header[data-today="true"] swp-day-date {
margin: 4px auto 0;
}
/* Border between row 1 and row 2 in week header */
swp-week-header::after {
content: '';
grid-column: 1 / -1; /* Span all columns */
grid-row: 2; /* Position at start of row 2 */
border-top: 1px solid var(--color-grid-line);
height: 0;
z-index: 1;
}
/* All-day events in row 2 */
swp-allday-event {
grid-row: 2; /* Row 2 only */
height: calc(var(--all-day-row-height) - 2px); /* Dynamic height minus margin */
height: calc(var(--all-day-row-height) - 3px); /* Dynamic height minus margin */
background: #ff9800; /* Default orange background */
display: flex;
align-items: center;