diff --git a/webapp/js/dayDetail.js b/webapp/js/dayDetail.js index 1ab3915..425aab0 100644 --- a/webapp/js/dayDetail.js +++ b/webapp/js/dayDetail.js @@ -186,6 +186,8 @@ function showAsBottomSheet() { requestAnimationFrame(() => { requestAnimationFrame(() => { + // Force reflow so WebView paints the "closed" state before we add --open + void panelEl.offsetHeight; overlayEl.classList.add("day-detail-overlay--visible"); panelEl.classList.add("day-detail-panel--open"); const closeBtn = panelEl.querySelector(".day-detail-close"); diff --git a/webapp/style.css b/webapp/style.css index 73c13e9..a2c06ba 100644 --- a/webapp/style.css +++ b/webapp/style.css @@ -163,14 +163,6 @@ body { transition: box-shadow var(--transition-fast) ease-out; } -.calendar-sticky.is-scrolled { - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); -} - -[data-theme="dark"] .calendar-sticky.is-scrolled { - box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25); -} - /* === Calendar grid & day cells */ .calendar { display: grid; @@ -808,23 +800,6 @@ body.day-detail-sheet-open { .duty-item--current { border-left-color: var(--today); background: color-mix(in srgb, var(--today) 12%, var(--surface)); - animation: duty-current-pulse 2s ease-in-out infinite; -} - -@media (prefers-reduced-motion: reduce) { - .duty-item--current { - animation: none; - } -} - -@keyframes duty-current-pulse { - 0%, - 100% { - box-shadow: 0 0 0 0 color-mix(in srgb, var(--today) 30%, transparent); - } - 50% { - box-shadow: 0 0 0 4px color-mix(in srgb, var(--today) 15%, transparent); - } } /* === Loading / error / access denied */