fix(meshcore): make strip and body direct children of visuals container

Remove the intermediate #meshcoreMode wrapper div that was breaking the
flex height chain. Strip and body are now direct children of
#meshcoreVisuals (matching the Meshtastic pattern), so flex: 1 propagates
correctly and the content fills the full panel height.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-05-13 12:16:02 +01:00
parent 0df0b1f88e
commit 6232e650a7
2 changed files with 117 additions and 121 deletions
+2 -8
View File
@@ -27,14 +27,8 @@
gap: 0; gap: 0;
} }
#meshcoreMode { /* meshcoreMode is an empty wrapper kept only for JS active-class toggle */
display: flex; #meshcoreMode { display: none; }
flex-direction: column;
flex: 1;
min-height: 0;
overflow: hidden;
gap: 0;
}
/* ── Connection strip ── */ /* ── Connection strip ── */
.meshcore-strip { .meshcore-strip {
+5 -3
View File
@@ -1,5 +1,8 @@
{# Meshcore Mode #} {# Meshcore Mode
<div id="meshcoreMode" style="display:flex; flex-direction:column; flex:1; min-height:0; overflow:hidden;"> meshcore-strip and meshcore-body are direct children of #meshcoreVisuals,
matching the Meshtastic pattern. #meshcoreMode is an empty element kept
only so the switchMode JS active-class toggle has something to reference. #}
<div id="meshcoreMode" style="display:none;"></div>
{# ── Connection Strip ── #} {# ── Connection Strip ── #}
<div class="meshcore-strip"> <div class="meshcore-strip">
@@ -128,7 +131,6 @@
</div>{# /meshcore-content #} </div>{# /meshcore-content #}
</div>{# /meshcore-body #} </div>{# /meshcore-body #}
</div>{# /meshcoreMode #}
{# ── Add Contact Modal ── #} {# ── Add Contact Modal ── #}
<div id="meshcoreAddContactModal" class="signal-details-modal" style="display:none;"> <div id="meshcoreAddContactModal" class="signal-details-modal" style="display:none;">