feat(ui): give every panel one scrollbar, select and slider skin

Every scrolling surface carries the kit's .ui-scroll, which
draws the thin themed scrollbar from --scroll-thumb and --scroll-track; the
Context panel and others drew the platform's light scrollbar because the
page declares no dark color-scheme. The per-panel scrollbar rules go; Cyber
sets the two tokens and Cockpit's HUD windows keep their accent tint.

Selects draw .gev-field's own chevron instead of the platform arrow, the
voice selects join .gev-field, number fields keep dark spinners, and the
Street Level range uses the shared slider in its green.
This commit is contained in:
Sameh Khamis committed 2026-10-31 17:28:46 -07:00
1 parent 1072df325e
commit 484243fe4b
42 files changed
+133 -152

No files matched your search

+2 -2
View File
@@ -40,7 +40,7 @@ watch(
</div>
<section class="mission-data-section">
<h4>{{ t('PAYLOAD') }}</h4>
<div class="mission-table-scroll">
<div class="mission-table-scroll ui-scroll">
<table class="mission-data-table">
<thead><tr><th>{{ t('NAME') }}</th><th>{{ t('TYPE') }}</th><th>{{ t('DESTINATION') }}</th></tr></thead>
<tbody data-mission-payloads>
@@ -51,7 +51,7 @@ watch(
</section>
<section class="mission-data-section" data-mission-stages-section :hidden="m && !m.stages.length">
<h4>{{ t('STAGE / RE-ENTRY / RECOVERY') }}</h4>
<div class="mission-table-scroll">
<div class="mission-table-scroll ui-scroll">
<table class="mission-data-table">
<thead><tr><th>{{ t('STAGE') }}</th><th>{{ t('STATUS') }}</th><th>{{ t('FINAL POSITION') }}</th></tr></thead>
<tbody data-mission-stages>