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

[feat](trx-frontend-http): compact single-row top bar #25

Merged
sjg merged 2 commits from feat/compact-top-bar into main 2026-08-02 18:50:53 +02:00
Conversation 0 Commits 2 Files Changed 3
+9
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit dd5760c436 - Show all commits
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+9
View File
@@ -1549,6 +1549,15 @@ small { color: var(--text-muted); }
overflow-x: auto; overflow-x: auto;
scrollbar-width: thin; scrollbar-width: thin;
} }
/* Fade the trailing edge so a tab scrolled out of view reads as "there is more"
* rather than as a label cut mid-word. A mask rather than a colour-matched
* cover gradient: the card is transparent, so a cover would have to track the
* page background across both themes and all nine styles. Only the trailing
* edge is faded, so the first tab stays crisp when the strip is at rest. */
.tab-bar-nav {
-webkit-mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent 100%);
mask-image: linear-gradient(to right, #000 calc(100% - 2rem), transparent 100%);
}
.tab-bar-nav::-webkit-scrollbar { height: 3px; } .tab-bar-nav::-webkit-scrollbar { height: 3px; }
.tab-bar-nav::-webkit-scrollbar-thumb { .tab-bar-nav::-webkit-scrollbar-thumb {
border-radius: 3px; border-radius: 3px;