From 3227c7bc6bd233c92b1cf54bec689f0582dca547 Mon Sep 17 00:00:00 2001 From: Ariel Costas Guerrero Date: Mon, 1 Dec 2025 22:25:56 +0100 Subject: refactor: replace StopSheet with StopSummarySheet and update related components - Deleted StopSheet and StopSheetSkeleton components. - Introduced StopSummarySheet and StopSummarySheetSkeleton components. - Updated ConsolidatedCirculationCard to support a reduced view. - Modified ConsolidatedCirculationList to accept a reduced prop. - Adjusted map route to use StopSummarySheet. - Cleaned up CSS styles related to the stop sheet components. - Enhanced error handling and loading states in the new summary sheet. - Updated stop report logic to filter out empty next streets. --- src/frontend/app/components/StopMapSheet.css | 149 --------------------------- 1 file changed, 149 deletions(-) delete mode 100644 src/frontend/app/components/StopMapSheet.css (limited to 'src/frontend/app/components/StopMapSheet.css') diff --git a/src/frontend/app/components/StopMapSheet.css b/src/frontend/app/components/StopMapSheet.css deleted file mode 100644 index 7c96c2b..0000000 --- a/src/frontend/app/components/StopMapSheet.css +++ /dev/null @@ -1,149 +0,0 @@ -/* Stop map container */ -.stop-map-container { - width: 100%; - height: 50vh; - overflow: hidden; - border: 1px solid var(--border-color); - margin-block-start: 0; - flex-shrink: 0; - position: relative; -} - -@media (max-width: 640px) { - .stop-map-container { - height: 30vh; - } -} - -/* Floating controls */ -.map-floating-controls { - position: absolute; - left: 8px; - top: 8px; - display: flex; - gap: 8px; - z-index: 2; -} - -.center-btn { - appearance: none; - border: 1px solid rgba(0, 0, 0, 0.15); - background: color-mix( - in oklab, - var(--background-color, #fff) 85%, - transparent - ); - color: var(--text-primary, #111); - padding: 6px; - border-radius: 6px; - font-size: 12px; - line-height: 1; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); - cursor: pointer; -} - -/* User location dot */ -.user-dot { - position: relative; - width: 22px; - height: 22px; -} - -.user-dot__core { - position: absolute; - left: 50%; - top: 50%; - width: 10px; - height: 10px; - margin-left: -5px; - margin-top: -5px; - background: #2a6df4; - border: 2px solid #fff; - border-radius: 50%; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); -} - -.user-dot__pulse { - position: absolute; - left: 50%; - top: 50%; - width: 22px; - height: 22px; - margin-left: -11px; - margin-top: -11px; - border-radius: 50%; - background: rgba(42, 109, 244, 0.25); - animation: userPulse 1.8s ease-out infinite; -} - -/* Map attribution */ -.map-attribution { - position: absolute; - left: 8px; - bottom: 8px; - display: flex; - align-items: flex-end; - gap: 0.4rem; - z-index: 2; -} - -.map-attribution__toggle { - width: 28px; - height: 28px; - border-radius: 50%; - border: 1px solid rgba(0, 0, 0, 0.2); - background: rgba(255, 255, 255, 0.9); - color: #111; - font-weight: 700; - font-size: 0.85rem; - cursor: pointer; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -} - -[data-theme="dark"] .map-attribution__toggle { - background: rgba(17, 24, 39, 0.9); - color: #f8fafc; - border-color: rgba(255, 255, 255, 0.2); -} - -.map-attribution__panel { - font-size: 0.7rem; - background: rgba(0, 0, 0, 0.75); - color: #fff; - padding: 0.35rem 0.65rem; - border-radius: 999px; - max-width: 220px; - opacity: 0; - transform: translateX(-6px) scale(0.98); - transform-origin: left bottom; - transition: opacity 0.2s ease, transform 0.2s ease; - pointer-events: none; - line-height: 1.2; -} - -.map-attribution__panel a { - color: inherit; - text-decoration: underline; - font-weight: 600; -} - -.map-attribution.open .map-attribution__panel { - opacity: 1; - transform: translateX(0) scale(1); - pointer-events: auto; -} - -@keyframes userPulse { - 0% { - transform: scale(0.6); - opacity: 0.8; - } - 70% { - transform: scale(1.2); - opacity: 0.15; - } - 100% { - transform: scale(1.4); - opacity: 0; - } -} -- cgit v1.3