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 01:07:17 +02:00
parent 470fcb5e58
commit 3bf2baf9e9
1 changed files with 5 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -16,7 +16,7 @@
swp-calendar { swp-calendar {
display: grid; display: grid;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
height: calc(100vh - 20px); height: 100vh;
width: 100%; width: 100%;
background: var(--color-background); background: var(--color-background);
position: relative; position: relative;
@ -39,10 +39,9 @@ swp-calendar-nav {
swp-calendar-container { swp-calendar-container {
display: grid; display: grid;
grid-template-columns: 60px 1fr 20px; grid-template-columns: 60px 1fr 20px;
grid-template-rows: auto 1fr 20px; grid-template-rows: auto calc(1fr - 20px) 20px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
height: 100%;
} }
@ -73,8 +72,8 @@ swp-right-header-spacer {
/* Week container for sliding */ /* Week container for sliding */
swp-week-container { swp-week-container {
grid-column: 2; /* Only column 2, not spanning to column 3 */ grid-column: 2 / 4; /* Span across columns 2-3 to include right spacer area */
grid-row: 1; grid-row: 1 / 3;
display: grid; display: grid;
grid-template-rows: auto 1fr; grid-template-rows: auto 1fr;
position: relative; position: relative;
@ -96,7 +95,7 @@ swp-right-column {
/* Time axis */ /* Time axis */
swp-time-axis { swp-time-axis {
grid-column: 1; grid-column: 1;
grid-row: 1 / 3; grid-row: 2;
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;
@ -158,15 +157,6 @@ 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";
} }