fix(ui): pin the OPERATIONS tab bar while panel content scrolls (#31)

The TabsList is now position:sticky top:0 with a z-index above the panel content. In wide mode it pins to the top of the OPERATIONS scroll area (#21's center-pane scroller); in narrow mode, where the body scrolls and there is no inner scroll container, it pins to the viewport. The existing opaque background keeps scrolled content from showing through.
2026-09-29 10:22:14 +00:00
parent 1bb04d2a51
commit 1710e50b63
4 changed files with 39 additions and 2 deletions
@@ -393,8 +393,11 @@ export function MissionControl() {
                  <TabsList
                    style={{
                      padding: '0 1rem',
-                      background: 'var(--surface-raised)',
+                      background: 'var(--surface-raised)', // opaque — content scrolls under it (#31)
                      overflowX: 'auto',
+                      position: 'sticky', // #31 — pinned in both modes: to the top of the OPERATIONS
+                      top: 0, // scroll area (wide) and to the viewport when the body scrolls (narrow)
+                      zIndex: 1,
                    }}
                  >
                    <TabsTrigger value="world-map">WORLD MAP</TabsTrigger>