diff options
| author | Copilot <198982749+Copilot@users.noreply.github.com> | 2025-11-07 12:24:44 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-11-07 12:24:44 +0100 |
| commit | 0add08015b348de5a069168b57e0be6f5778b97b (patch) | |
| tree | 607365003956b419e689e471dd2641a5f3d9f62e /src/frontend/app/components/StopSheet.css | |
| parent | 86ceab13fa9eab173522d67e5917c90840fb563f (diff) | |
Show all stop lines with horizontal scroll for 6+ lines (#79)
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: arielcostas <94913521+arielcostas@users.noreply.github.com>
Co-authored-by: Ariel Costas Guerrero <ariel@costas.dev>
Diffstat (limited to 'src/frontend/app/components/StopSheet.css')
| -rw-r--r-- | src/frontend/app/components/StopSheet.css | 27 |
1 files changed, 25 insertions, 2 deletions
diff --git a/src/frontend/app/components/StopSheet.css b/src/frontend/app/components/StopSheet.css index e9c04fb..75b12f0 100644 --- a/src/frontend/app/components/StopSheet.css +++ b/src/frontend/app/components/StopSheet.css @@ -35,6 +35,30 @@ flex-wrap: wrap; } +.stop-sheet-lines-container.scrollable { + display: grid; + grid-template-rows: repeat(2, 1fr); + grid-auto-flow: column; + /* align-content: flex-start; */ + scrollbar-width: thin; + gap: 0.5rem 1rem; + overflow-x: scroll; + overflow-y: auto; +} + +.stop-sheet-lines-container.scrollable::-webkit-scrollbar { + height: 6px; +} + +.stop-sheet-lines-container.scrollable::-webkit-scrollbar-thumb { + background-color: var(--border-color); + border-radius: 3px; +} + +.stop-sheet-line-icon { + flex-shrink: 0; +} + .stop-sheet-loading { display: flex; justify-content: center; @@ -142,9 +166,8 @@ display: flex; flex-direction: column; gap: 0.75rem; - margin: 1rem 0; + margin: 0.75rem 0 1rem 0; padding-top: 0.75rem; - border-top: 1px solid var(--border-color); } .stop-sheet-timestamp { |