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

wip

Browse source
This commit is contained in:
Janus Knudsen 2025-07-30 00:53:59 +02:00
parent 00b374617f
commit 470fcb5e58
1 changed files with 15 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -42,6 +42,7 @@ swp-calendar-container {
grid-template-rows: auto 1fr 20px; grid-template-rows: auto 1fr 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
height: 100%;
} }
@ -72,13 +73,14 @@ swp-right-header-spacer {
/* Week container for sliding */ /* Week container for sliding */
swp-week-container { swp-week-container {
grid-column: 2 / 4; /* Span across columns 2-3 to include right spacer area */ grid-column: 2; /* Only column 2, not spanning to column 3 */
grid-row: 1 / 3; grid-row: 1;
display: grid; display: grid;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
position: relative; position: relative;
width: 100%; width: 100%;
transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1); transition: transform 400ms cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden;
} }
/* Right column for scrollbar */ /* Right column for scrollbar */
@ -94,7 +96,7 @@ swp-right-column {
/* Time axis */ /* Time axis */
swp-time-axis { swp-time-axis {
grid-column: 1; grid-column: 1;
grid-row: 2; grid-row: 1 / 3;
background: var(--color-surface); background: var(--color-surface);
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
position: sticky; position: sticky;
@ -103,6 +105,7 @@ swp-time-axis {
width: 60px; width: 60px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
} }
/* Right bottom spacer */ /* Right bottom spacer */
@ -155,6 +158,15 @@ swp-bottom-middle-spacer {
background: #f0f0f0; background: #f0f0f0;
border-top: 2px solid #333; border-top: 2px solid #333;
overflow: hidden; overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color: #333;
}
swp-bottom-middle-spacer::before {
content: "Row 3, Column 2 - TEST";
} }