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

Fixes fill width hour lines on calendar

Browse source
This commit is contained in:
Janus Knudsen 2025-08-05 20:02:51 +02:00
parent 3d3577045e
commit 58f98468a1
1 changed files with 2 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -202,17 +202,6 @@ swp-hour-marker {
position: relative; position: relative;
} }
swp-hour-marker::after {
content: '';
position: absolute;
top: 0;
left: 100%;
width: calc(100vw - 60px); /* Full viewport width minus time-axis width */
height: 1px;
background: var(--color-hour-line);
pointer-events: none;
z-index: 2; /* Ensure it appears above other elements */
}
swp-hour-marker::before { swp-hour-marker::before {
content: ''; content: '';
position: absolute; position: absolute;
@ -225,13 +214,14 @@ swp-hour-marker::before {
z-index: 2; /* Ensure it appears above other elements */ z-index: 2; /* Ensure it appears above other elements */
} }
/* Add hour lines to time-grid as background */ /* Add hour lines to time-grid as background */
swp-time-grid { swp-time-grid::after {
content: ''; content: '';
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
min-width: calc(var(--week-days) * var(--day-column-min-width)); /* Dynamic width like swp-grid-lines */
background-image: repeating-linear-gradient( background-image: repeating-linear-gradient(
to bottom, to bottom,
transparent, transparent,