diff options
Diffstat (limited to 'src/frontend/app/components/Stops/ConsolidatedCirculationList.css')
| -rw-r--r-- | src/frontend/app/components/Stops/ConsolidatedCirculationList.css | 18 |
1 files changed, 18 insertions, 0 deletions
diff --git a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css index 1788ba8..5afdeaa 100644 --- a/src/frontend/app/components/Stops/ConsolidatedCirculationList.css +++ b/src/frontend/app/components/Stops/ConsolidatedCirculationList.css @@ -194,6 +194,12 @@ animation: gpsPulse 2s ease-in-out infinite; } +.gps-pulse.previous-trip { + background: #ff9800; + box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.2); + animation: gpsPulseOrange 2s ease-in-out infinite; +} + @keyframes gpsPulse { 0% { box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.2); @@ -206,6 +212,18 @@ } } +@keyframes gpsPulseOrange { + 0% { + box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.2); + } + 50% { + box-shadow: 0 0 0 6px rgba(255, 152, 0, 0.1); + } + 100% { + box-shadow: 0 0 0 2px rgba(255, 152, 0, 0.2); + } +} + @media (max-width: 480px) { .consolidated-circulation-card { padding: 0.65rem 0.75rem; |
