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

A step in the right direction for this time axis

Browse source
This commit is contained in:
Janus Knudsen 2025-08-01 23:45:13 +02:00
parent b6d3d22ce9
commit 209ae0830d
4 changed files with 33 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -39,7 +39,8 @@ swp-calendar-nav {
swp-calendar-container {
display: grid;
grid-template-columns: 60px 1fr 20px;
grid-template-rows: auto calc(1fr - 20px) 20px;
grid-template-rows: 80px 1fr 20px;
height: 100%;
overflow: hidden;
position: relative;
}
@ -72,10 +73,10 @@ swp-right-header-spacer {
/* Week container for sliding */
swp-week-container {
grid-column: 2 / 4; /* Span across columns 2-3 to include right spacer area */
grid-column: 2 / 3;
grid-row: 1 / 3;
display: grid;
grid-template-rows: auto 1fr;
grid-template-rows: 80px 1fr;
position: relative;
width: 100%;
transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
@ -98,12 +99,19 @@ swp-time-axis {
grid-row: 2;
background: var(--color-surface);
border-right: 1px solid var(--color-border);
position: sticky;
position: relative;
left: 0;
z-index: 3; /* Lower than header elements so it scrolls behind them */
width: 60px;
overflow: hidden;
height: 100%;
}
/* Time axis content that scrolls */
swp-time-axis-content {
display: flex;
flex-direction: column;
position: relative;
}
/* Right bottom spacer */