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 C. H. Knudsen 2025-12-06 01:25:03 +01:00
parent b3f47e93e8
commit cce4b77c96
1 changed files with 16 additions and 36 deletions
Download patch file Download diff file Expand all files Collapse all files

52
wwwroot/css/calendar-v2.css
View file

@ -1,15 +1,11 @@
:root { :root {
--hour-height: 60px; --hour-height: 60px;
--header-height: 60px;
--time-axis-width: 60px; --time-axis-width: 60px;
--grid-columns: 5; --grid-columns: 5;
--color-border: #e0e0e0; --color-border: #e0e0e0;
--color-surface: #fff; --color-surface: #fff;
--color-text: #333;
--color-text-secondary: #666; --color-text-secondary: #666;
--color-primary: #1976d2; --color-primary: #1976d2;
--color-hour-line: #e0e0e0;
--color-current-time: #f44336;
} }
* { box-sizing: border-box; margin: 0; padding: 0; } * { box-sizing: border-box; margin: 0; padding: 0; }
@ -75,8 +71,6 @@ swp-calendar-container {
} }
swp-header-spacer { swp-header-spacer {
grid-column: 1;
grid-row: 1;
background: var(--color-surface); background: var(--color-surface);
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
@ -84,8 +78,6 @@ swp-header-spacer {
/* Time axis */ /* Time axis */
swp-time-axis { swp-time-axis {
grid-column: 1;
grid-row: 2;
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
background: var(--color-surface); background: var(--color-surface);
overflow: hidden; overflow: hidden;
@ -122,25 +114,34 @@ swp-calendar-header {
background: var(--color-surface); background: var(--color-surface);
} }
/* Single level: date only */
swp-calendar-header[data-levels="date"] > swp-day-header { grid-row: 1; } swp-calendar-header[data-levels="date"] > swp-day-header { grid-row: 1; }
/* Two levels: resource + date */
swp-calendar-header[data-levels="resource date"] > swp-resource-header { grid-row: 1; } swp-calendar-header[data-levels="resource date"] > swp-resource-header { grid-row: 1; }
swp-calendar-header[data-levels="resource date"] > swp-day-header { grid-row: 2; } swp-calendar-header[data-levels="resource date"] > swp-day-header { grid-row: 2; }
/* Three levels: team + resource + date */
swp-calendar-header[data-levels="team resource date"] > swp-team-header { grid-row: 1; } swp-calendar-header[data-levels="team resource date"] > swp-team-header { grid-row: 1; }
swp-calendar-header[data-levels="team resource date"] > swp-resource-header { grid-row: 2; } swp-calendar-header[data-levels="team resource date"] > swp-resource-header { grid-row: 2; }
swp-calendar-header[data-levels="team resource date"] > swp-day-header { grid-row: 3; } swp-calendar-header[data-levels="team resource date"] > swp-day-header { grid-row: 3; }
swp-day-header { swp-day-header,
swp-resource-header,
swp-team-header {
padding: 8px; padding: 8px;
text-align: center; text-align: center;
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
} }
swp-day-header:last-child { border-right: none; } swp-team-header {
background: #e3f2fd;
color: #1565c0;
font-weight: 500;
}
swp-resource-header {
background: #fafafa;
font-size: 13px;
}
swp-day-name { swp-day-name {
display: block; display: block;
@ -155,25 +156,6 @@ swp-day-date {
font-weight: 300; font-weight: 300;
} }
swp-team-header {
padding: 10px;
text-align: center;
background: #e3f2fd;
color: #1565c0;
font-weight: 500;
border-right: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}
swp-resource-header {
padding: 8px;
text-align: center;
background: #fafafa;
font-size: 13px;
border-right: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}
/* Scrollable content */ /* Scrollable content */
swp-scrollable-content { swp-scrollable-content {
overflow: auto; overflow: auto;
@ -191,8 +173,8 @@ swp-grid-lines {
to bottom, to bottom,
transparent, transparent,
transparent calc(var(--hour-height) - 1px), transparent calc(var(--hour-height) - 1px),
var(--color-hour-line) calc(var(--hour-height) - 1px), var(--color-border) calc(var(--hour-height) - 1px),
var(--color-hour-line) var(--hour-height) var(--color-border) var(--hour-height)
); );
} }
@ -208,8 +190,6 @@ swp-day-column {
border-right: 1px solid var(--color-border); border-right: 1px solid var(--color-border);
} }
swp-day-column:last-child { border-right: none; }
swp-events-layer { swp-events-layer {
position: absolute; position: absolute;
inset: 0; inset: 0;