fix(meshcore): add mesh-sidebar-hidden rules to meshcore.css

The sidebar-hiding CSS lives only in meshtastic.css, which is lazily
loaded and may not be present when switching directly to Meshcore mode.
Duplicating the three rules into meshcore.css ensures the generic
sidebar is correctly hidden and the output panel fills the screen
regardless of load order.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-05-13 11:32:14 +01:00
parent 99268e47b8
commit 020126b6e0
+20
View File
@@ -1,5 +1,25 @@
/* Meshcore mode — scoped styles */
/* ── Sidebar hiding (same rules as meshtastic.css — needed here since
meshtastic.css is only lazily loaded when that mode is visited) ── */
.main-content.mesh-sidebar-hidden {
display: flex !important;
flex-direction: column !important;
}
.main-content.mesh-sidebar-hidden > .sidebar {
display: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
.main-content.mesh-sidebar-hidden > .output-panel {
flex: 1 !important;
width: 100% !important;
max-width: 100% !important;
}
/* ── Container overrides ── */
#meshcoreVisuals {
flex-direction: column;