mirror of
https://github.com/smittix/intercept.git
synced 2026-04-24 14:50:00 -07:00
Stretch sky view to fill right column height
- command-rail last row changed from minmax(260px, 340px) to 1fr so the polar plot expands to fill whatever vertical space remains after the Next Pass and Live Telemetry panels - polar-container made flex-column so panel-content can grow with flex: 1 - #polarPlot width/height 100% with aspect-ratio 1/1 — canvas fills the available square area and stays proportional - Remove align-items: start from the 1320px breakpoint primary-layout so the command-rail stretches to match map height in the two-column layout - Fix matching 2-column command-rail rows at 1320px breakpoint Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -292,11 +292,9 @@ body {
|
||||
|
||||
.command-rail {
|
||||
display: grid;
|
||||
grid-template-rows: auto auto auto minmax(260px, 340px);
|
||||
grid-template-rows: auto auto auto 1fr;
|
||||
gap: 6px;
|
||||
min-width: 0;
|
||||
align-items: start;
|
||||
align-content: start;
|
||||
}
|
||||
|
||||
.data-grid {
|
||||
@@ -737,22 +735,27 @@ body {
|
||||
|
||||
/* Polar plot */
|
||||
.polar-container {
|
||||
min-height: 0;
|
||||
min-height: 200px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.polar-container .panel-content {
|
||||
flex: 1;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 8px;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#polarPlot {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 300px;
|
||||
height: 100%;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
aspect-ratio: 1 / 1;
|
||||
}
|
||||
|
||||
@@ -1536,7 +1539,6 @@ body {
|
||||
@media (max-width: 1320px) {
|
||||
.primary-layout {
|
||||
grid-template-columns: minmax(280px, 320px) minmax(0, 1fr);
|
||||
align-items: start;
|
||||
}
|
||||
|
||||
.mission-drawer {
|
||||
@@ -1553,7 +1555,7 @@ body {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-rows: auto minmax(260px, 320px);
|
||||
grid-template-rows: auto 1fr;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user