mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-04 10:24:02 +00:00
fix(street-level): keep OPEN STREET VIEW whole beside a long coverage line
.scene-btn (flex: 1) loads after street-level.css and outranked the button's flex: 0 0 auto, so with Mapillary and Street View both lit the button shrank to its 72px minimum and its one-line label ran past the panel edge. Scope the rule under .sl-meta-row; the coverage line wraps instead. The live gate gives the share-link check 30 s, as the link is written only once the view rests. Co-Authored-By: Claude Opus 5.5 <[email protected]>
This commit is contained in:
1 parent
10f1986e38
commit
48ca99a38a
3 files changed
+20
-2
No files matched your search
@@ -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}`,
|
||||
);
|
||||
|
||||
@@ -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;/);
|
||||
});
|
||||
@@ -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;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user