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

Improves grid layout and navigation

Browse source 
Refactors the calendar grid to support smoother navigation transitions by using separate week containers.

This change introduces a GridManager to handle grid rendering and interactions within these containers, enabling scroll synchronization and click event handling for each week view.

Also, configures the calendar to start at midnight and span a full 24-hour day, providing a more comprehensive view.
This commit is contained in:
Janus Knudsen 2025-07-25 00:24:15 +02:00
parent f06c02121c
commit b443649ced
12 changed files with 719 additions and 302 deletions
Download patch file Download diff file Expand all files Collapse all files

30
wwwroot/css/calendar-components-css.css
View file

@ -1,16 +1,5 @@
/* styles/components/navigation.css */
/* Navigation bar */
swp-calendar-nav {
display: flex;
align-items: center;
gap: 24px;
padding: 12px 16px;
background: var(--color-background);
border-bottom: 1px solid var(--color-border);
box-shadow: var(--shadow-sm);
}
/* Navigation groups */
swp-nav-group {
display: flex;
@ -181,4 +170,23 @@ swp-calendar[data-searching="true"] {
box-shadow: 0 0 0 2px rgba(33, 150, 243, 0.3);
}
}
}
/* Week info display */
swp-week-info {
display: flex;
flex-direction: column;
align-items: center;
gap: 2px;
}
swp-week-number {
font-size: 1.125rem;
font-weight: 600;
color: var(--color-text);
}
swp-date-range {
font-size: 0.875rem;
color: var(--color-text-secondary);
}