diff --git a/wwwroot/css/calendar-layout-css.css b/wwwroot/css/calendar-layout-css.css index cda1ece..fab2e88 100644 --- a/wwwroot/css/calendar-layout-css.css +++ b/wwwroot/css/calendar-layout-css.css @@ -213,7 +213,17 @@ swp-hour-marker::after { pointer-events: none; z-index: 2; /* Ensure it appears above other elements */ } - +swp-hour-marker::before { + 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 */ +} /* Add hour lines to time-grid as background */ swp-time-grid { content: ''; diff --git a/wwwroot/css/calendar.css b/wwwroot/css/calendar.css index 81f135a..a550b73 100644 --- a/wwwroot/css/calendar.css +++ b/wwwroot/css/calendar.css @@ -233,30 +233,8 @@ swp-time-grid { height: calc(12 * var(--hour-height)); } -swp-time-grid::before { - content: ''; - position: absolute; - top: calc((var(--work-start-hour) - var(--day-start-hour)) * var(--hour-height)); - height: calc((var(--work-end-hour) - var(--work-start-hour)) * var(--hour-height)); - left: 0; - right: 0; - background: var(--color-work-hours); - pointer-events: none; -} - - -/* Day columns */ -swp-day-columns { - position: absolute; - inset: 0; - display: grid; - grid-template-columns: repeat(7, 1fr); -} -swp-day-column:last-child { - border-right: none; -} swp-events-layer { position: absolute; diff --git a/wwwroot/index.html b/wwwroot/index.html index 9c55577..ed4a102 100644 --- a/wwwroot/index.html +++ b/wwwroot/index.html @@ -6,7 +6,6 @@ Calendar Plantempus - Week View -