Mirror/intercept
1
0
Fork 0
mirror of https://github.com/smittix/intercept.git synced 2026-04-24 06:40:00 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix sky view gap: don't stretch polar panel beyond its content

Browse Source 
The command-rail's 1fr last row caused the sky view panel to fill all
remaining column height (driven by the tall mission-drawer), showing a
large empty bordered space below the pass data strip.

Switch to all-auto rows with align-content: start so each panel is
exactly as tall as its content — the open background below the column
looks intentional rather than a panel with dead space inside it.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
James Smith
2026-03-20 00:00:47 +00:00
parent a670103325
commit 44428c2517
1 changed files with 5 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
static/css/satellite_dashboard.css
View File

@@ -292,9 +292,10 @@ body {
.command-rail { .command-rail {
display: grid; display: grid;
grid-template-rows: auto auto auto 1fr; grid-template-rows: auto auto auto auto;
gap: 6px; gap: 6px;
min-width: 0; min-width: 0;
align-content: start;
} }
.data-grid { .data-grid {
@@ -735,21 +736,18 @@ body {
/* Polar plot */ /* Polar plot */
.polar-container { .polar-container {
min-height: 200px;
max-height: min(55vh, 520px);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
.polar-container .panel-content { .polar-container .panel-content {
flex: 1;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
gap: 10px; gap: 10px;
padding: 8px; padding: 8px;
min-height: 0; height: auto;
overflow: hidden; overflow: hidden;
} }
@@ -1614,7 +1612,8 @@ body {
grid-column: 2; grid-column: 2;
grid-row: 2; grid-row: 2;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-rows: auto 1fr; grid-template-rows: auto auto;
align-content: start;
} }
} }