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

[fix](trx-frontend): tighten bookmark and map filter overflow

Browse Source 
Co-authored-by: OpenAI Codex <codex@openai.com>
Signed-off-by: Stan Grams <sjg@haxx.space>
This commit is contained in:
Stan Grams
2026-03-04 18:55:26 +01:00
parent 046d0a33af
commit d1968bd2ba
2 changed files with 4 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/trx-client/trx-frontend/trx-frontend-http/assets/web/app.js
+1 -3
View File
@@ -3303,9 +3303,7 @@ function renderMapLocatorChipRow(container, items, selectedSet, kind) {
btn.dataset.filterKind = kind; btn.dataset.filterKind = kind;
btn.dataset.filterKey = item.key; btn.dataset.filterKey = item.key;
btn.style.setProperty("--chip-color", item.color); btn.style.setProperty("--chip-color", item.color);
btn.innerHTML = item.kind === "band" btn.innerHTML = `<span class="map-locator-chip-text">${escapeMapHtml(item.label)}</span>`;
? `<span class="map-locator-chip-band">${escapeMapHtml(item.label)}</span>`
: `<span class="map-locator-chip-text">${escapeMapHtml(item.label)}</span>`;
container.appendChild(btn); container.appendChild(btn);
} }
if (helperText) { if (helperText) {
src/trx-client/trx-frontend/trx-frontend-http/assets/web/style.css
+3 -11
View File
@@ -1638,16 +1638,6 @@ small { color: var(--text-muted); }
font-size: 0.77rem; font-size: 0.77rem;
font-weight: 600; font-weight: 600;
} }
.map-locator-chip-band {
font-size: 0.75rem;
font-weight: 700;
color: var(--chip-color);
padding: 0.05rem 0.34rem;
border-radius: 999px;
border: 1px solid color-mix(in srgb, var(--chip-color) 28%, transparent);
background: color-mix(in srgb, var(--chip-color) 10%, transparent);
font-variant-numeric: tabular-nums;
}
.rds-grid { display: grid; grid-template-columns: auto 1fr; gap: 0.4rem 1rem; align-items: baseline; margin-bottom: 1rem; } .rds-grid { display: grid; grid-template-columns: auto 1fr; gap: 0.4rem 1rem; align-items: baseline; margin-bottom: 1rem; }
.rds-field { display: contents; } .rds-field { display: contents; }
@@ -2677,6 +2667,7 @@ button:focus-visible, input:focus-visible, select:focus-visible {
} }
.bm-form { .bm-form {
box-sizing: border-box;
background: var(--card-bg); background: var(--card-bg);
border: 1px solid var(--border-light); border: 1px solid var(--border-light);
border-radius: 0.8rem; border-radius: 0.8rem;
@@ -2684,7 +2675,8 @@ button:focus-visible, input:focus-visible, select:focus-visible {
margin: 0; margin: 0;
width: min(46rem, calc(100vw - 2.5rem)); width: min(46rem, calc(100vw - 2.5rem));
max-height: min(85vh, 42rem); max-height: min(85vh, 42rem);
overflow: auto; overflow-x: hidden;
overflow-y: auto;
box-shadow: 0 1.2rem 2.6rem rgba(0, 0, 0, 0.38); box-shadow: 0 1.2rem 2.6rem rgba(0, 0, 0, 0.38);
} }