fix(ui): keep the OPERATIONS tab bar intact when tall tabs overflow the pane (#36)

2026-09-29 14:03:27 +00:00
parent bc6bc7dd07
commit c012b0fe56
4 changed files with 31 additions and 16 deletions
@@ -265,8 +265,9 @@ export function WorldMapPanel({ height = 380, narrow = false, onJumped }: WorldM
    )
  }

+  // flex (not height:'100%'): the pane chain is sized by min-height, where percentages don't resolve
  return (
-    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem', ...(filling ? { height: '100%' } : {}) }}>
+    <div style={{ display: 'flex', flexDirection: 'column', gap: '0.75rem', ...(filling ? { flex: 1, minHeight: 0 } : {}) }}>
      {/* Wrapper + title bar; in wide mode the box flexes to fill the whole pane (#36). d3 owns everything inside it. */}
      <div
        style={{