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 {