sjg/trx-rs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[style](trx-frontend-http): APRS bar spans full waterfall width

Browse Source 
Stretch overlay edge-to-edge (left/right: 0), drop side borders and
border-radius for a full-width band look. Also enable pointer-events,
user-select, and overflow-y: auto so frames are scrollable and
copy-able.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-01 14:44:11 +01:00
parent 350087855f
commit b552829c95
1 changed files with 13 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+13 -7
View File
@@ -620,22 +620,28 @@ small { color: var(--text-muted); }
#aprs-bar-overlay { #aprs-bar-overlay {
display: none; display: none;
position: absolute; position: absolute;
bottom: 0.4rem; top: 50%;
left: 1.2rem; left: 0;
right: 0;
transform: translateY(-50%);
z-index: 5; z-index: 5;
pointer-events: none; pointer-events: auto;
cursor: default;
user-select: text;
color: var(--text-heading); color: var(--text-heading);
padding: 0.28rem 0.72rem 0.32rem; padding: 0.28rem 0.72rem 0.32rem;
border: 1px solid color-mix(in srgb, var(--border-light) 72%, transparent); border: none;
border-radius: 0.55rem; border-top: 1px solid color-mix(in srgb, var(--border-light) 72%, transparent);
border-bottom: 1px solid color-mix(in srgb, var(--border-light) 72%, transparent);
border-radius: 0;
background: color-mix(in srgb, var(--card-bg) 52%, transparent); background: color-mix(in srgb, var(--card-bg) 52%, transparent);
backdrop-filter: blur(14px) saturate(135%); backdrop-filter: blur(14px) saturate(135%);
-webkit-backdrop-filter: blur(14px) saturate(135%); -webkit-backdrop-filter: blur(14px) saturate(135%);
box-shadow: box-shadow:
0 8px 18px color-mix(in srgb, #000000 16%, transparent), 0 8px 18px color-mix(in srgb, #000000 16%, transparent),
inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent); inset 0 1px 0 color-mix(in srgb, #ffffff 10%, transparent);
max-width: min(92vw, 36rem); max-height: 60%;
overflow: hidden; overflow-y: auto;
flex-direction: column; flex-direction: column;
gap: 0.1rem; gap: 0.1rem;
} }