diff --git a/scripts/qa-street-level.mjs b/scripts/qa-street-level.mjs index 92428928d..76c9891e8 100644 --- a/scripts/qa-street-level.mjs +++ b/scripts/qa-street-level.mjs @@ -1813,6 +1813,9 @@ async function main() { .split('_') .includes(token), option, + // The link is written once the view rests for 500 ms; under a + // software renderer with a photo open that can take a while. + { timeout: 30_000 }, ), `the share link keeps the choice: ${option}`, ); diff --git a/src/streetLevelMarkup.test.mjs b/src/streetLevelMarkup.test.mjs index de1878a79..7f8bee304 100644 --- a/src/streetLevelMarkup.test.mjs +++ b/src/streetLevelMarkup.test.mjs @@ -253,3 +253,14 @@ test('the Cyber theme frames the Street Level panel like its rail peers (P3)', ( // A theme header rule must be able to outrank the panel's own. assert.doesNotMatch(panelCss, /#street-level-panel \.panel-header/); }); + +test('OPEN STREET VIEW keeps its width beside a long coverage line', () => { + // .scene-btn grows and shrinks (flex: 1) and loads after this stylesheet: + // only a more specific rule keeps the button from being squeezed. + assert.match(css, /\.scene-btn \{[^}]*flex: 1;/); + assert.match( + panelCss, + /\.sl-meta-row \.sl-nearest-btn \{\s*flex: 0 0 auto;\s*\}/, + ); + assert.match(panelCss, /\.sl-meta-row \.sl-meta \{[^}]*min-width: 0;/); +}); diff --git a/src/ui/styles/street-level.css b/src/ui/styles/street-level.css index 98a88cad1..fc702d71c 100644 --- a/src/ui/styles/street-level.css +++ b/src/ui/styles/street-level.css @@ -195,7 +195,9 @@ button.sl-status:focus-visible { min-width: 0; } -.sl-nearest-btn { +/* Scoped to outrank .scene-btn's flex: 1, which squeezed the button to its + min-width beside a long coverage line and clipped its one-line label. */ +.sl-meta-row .sl-nearest-btn { flex: 0 0 auto; } @@ -504,7 +506,9 @@ button.sl-status:focus-visible { /* A dragged window keeps its natural height, so bound it to the viewport: the rail's max-height: 100% does not bind an auto-height parent. Id-qualified to outrank that rule. */ -#right-context-rail > #street-level-panel.panel-floating > .street-level-panel-inner { +#right-context-rail + > #street-level-panel.panel-floating + > .street-level-panel-inner { max-height: calc(100vh - 12px); overflow-y: auto; }