From d385d1eb75e93da187a86b7b683e6f47d6191e8c Mon Sep 17 00:00:00 2001 From: Graham McIntire Date: Wed, 25 Feb 2026 12:25:40 -0600 Subject: [PATCH] Default sidebar to open on desktop via CSS Make the map and panel CSS default to "sidebar open" on desktop (>= 1024px) without requiring the slideover-open class. Only the slideover-closed class now hides the sidebar. This prevents a blank gap when the map and panel states get out of sync after LiveView reconnects. --- lib/aprsme_web/components/layouts/map.html.heex | 4 ++-- lib/aprsme_web/live/map_live/components.ex | 11 +++++++---- 2 files changed, 9 insertions(+), 6 deletions(-) diff --git a/lib/aprsme_web/components/layouts/map.html.heex b/lib/aprsme_web/components/layouts/map.html.heex index 71f08f7..06194de 100644 --- a/lib/aprsme_web/components/layouts/map.html.heex +++ b/lib/aprsme_web/components/layouts/map.html.heex @@ -33,9 +33,9 @@ transition: right 0.3s ease-in-out !important; } - /* Desktop slideover behavior for map */ + /* Desktop slideover behavior for map - default to sidebar open */ @media (min-width: 1024px) { - #aprs-map.slideover-open { + #aprs-map { right: 352px !important; } diff --git a/lib/aprsme_web/live/map_live/components.ex b/lib/aprsme_web/live/map_live/components.ex index 55b27aa..3eb36ab 100644 --- a/lib/aprsme_web/live/map_live/components.ex +++ b/lib/aprsme_web/live/map_live/components.ex @@ -278,9 +278,9 @@ defmodule AprsmeWeb.MapLive.Components do transition: right 0.3s ease-in-out; } - /* Desktop styles */ + /* Desktop styles - default to sidebar open */ @media (min-width: 1024px) { - #aprs-map.slideover-open { + #aprs-map { right: 352px; } @@ -305,8 +305,11 @@ defmodule AprsmeWeb.MapLive.Components do overflow: hidden; } - .slideover-panel.slideover-open { - transform: translateX(0); + /* Desktop: default to visible, only hide when explicitly closed */ + @media (min-width: 1024px) { + .slideover-panel { + transform: translateX(0); + } } .slideover-panel.slideover-closed {