From 723da3f7ed55a130d421e39865eb47b2d2db61b7 Mon Sep 17 00:00:00 2001 From: Stanislaw Grams Date: Tue, 17 Mar 2026 23:20:49 +0100 Subject: [PATCH] [fix](trx-frontend-http): make decode history lists fill remaining viewport Replace the fixed max-height: 360px on FT8/FT4/FT2/WSPR message containers with flex-based layout so they grow to fill the available space. Make #content, .tab-panel, and .sub-tab-panel flex containers that propagate height down the layout chain. Co-Authored-By: Claude Opus 4.6 Signed-off-by: Stanislaw Grams --- .../trx-frontend/trx-frontend-http/assets/web/style.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css index 9ecbee9..46ce940 100644 --- a/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css +++ b/src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css @@ -1088,8 +1088,9 @@ small { color: var(--text-muted); } .meter-bar { flex: 1 1 auto; height: 12px; border-radius: 999px; background: var(--btn-bg); border: 1px solid var(--border-light); overflow: hidden; } .meter-fill { height: 100%; width: 0%; background: linear-gradient(90deg, var(--accent-green), var(--accent-yellow), var(--accent-red)); transition: width 150ms ease; } .meter-value { font-size: 0.95rem; color: var(--text-heading); min-width: 64px; text-align: right; } -#content { display: flex; flex-direction: column; gap: 1.1rem; min-height: 0; overflow: visible; } -.tab-panel { flex: 1 1 auto; min-height: 0; overflow: visible; } +#content { display: flex; flex-direction: column; gap: 1.1rem; min-height: 0; flex: 1 1 auto; overflow: visible; } +.tab-panel { flex: 1 1 auto; min-height: 0; overflow: visible; display: flex; flex-direction: column; } +.sub-tab-panel { flex: 1 1 auto; min-height: 0; display: flex; flex-direction: column; } .tab-bar { display: flex; align-items: center; @@ -2125,7 +2126,7 @@ body.map-fake-fullscreen-active { #ft8-messages, #ft4-messages, #ft2-messages, -#wspr-messages { max-height: 360px; overflow-y: auto; border: 1px solid var(--border-light); border-radius: 6px; background: var(--input-bg); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.85rem; padding: 0.35rem 0.5rem; } +#wspr-messages { flex: 1 1 0; min-height: 120px; overflow-y: auto; border: 1px solid var(--border-light); border-radius: 6px; background: var(--input-bg); font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 0.85rem; padding: 0.35rem 0.5rem; } .ft8-row { display: flex; gap: 0.6rem; line-height: 1.4; border-bottom: 1px solid var(--border); padding: 0.25rem 0; } .ft8-row:last-child { border-bottom: none; } .ft8-time { color: var(--text-muted); min-width: 4.6rem; }