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

[style](trx-frontend-http): sticky APRS bar header on scroll

Browse Source 
Make the APRS/Clear header row position:sticky so it stays visible
when the frame list is scrolled. Adds a subtle backdrop-blur background
and a divider border so frames slide cleanly beneath it.

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:59:40 +01:00
parent 8359beae5c
commit 1b34d75a31
1 changed files with 10 additions and 2 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
+10 -2
View File
@@ -646,6 +646,12 @@ small { color: var(--text-muted); }
gap: 0; gap: 0;
} }
.aprs-bar-header { .aprs-bar-header {
position: sticky;
top: 0;
z-index: 1;
background: color-mix(in srgb, var(--card-bg) 80%, transparent);
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@@ -655,8 +661,10 @@ small { color: var(--text-muted); }
letter-spacing: 0.12em; letter-spacing: 0.12em;
color: var(--accent-green); color: var(--accent-green);
text-transform: uppercase; text-transform: uppercase;
margin-bottom: 0.12rem; padding-bottom: 0.1rem;
opacity: 0.85; margin-bottom: 0.1rem;
border-bottom: 1px solid color-mix(in srgb, var(--border-light) 50%, transparent);
opacity: 0.95;
} }
.aprs-bar-clear { .aprs-bar-clear {
background: none; background: none;