graham/aprs.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Default sidebar to open on desktop via CSS

Browse source 
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.
This commit is contained in:
Graham McIntire 2026-02-25 12:25:40 -06:00
parent 88e2c48f97
commit d385d1eb75
No known key found for this signature in database
2 changed files with 9 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lib/aprsme_web/components/layouts/map.html.heex
View file

@ -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;
}

11
lib/aprsme_web/live/map_live/components.ex
View file

@ -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 {