Open Visual from the left stack in the phone's More sheet

Co-authored-by: Manjunath Paparaju <[email protected]>
This commit is contained in:
Sameh KhamisandManjunath Paparaju committed 2026-11-14 13:41:07 -08:00
1 parent 605bf5b564
commit 235fe94a89
3 files changed
+7 -4

No files matched your search

+2 -1
View File
@@ -368,7 +368,8 @@ export function initMobileShell({
: sheet === 'search' : sheet === 'search'
? [dock] ? [dock]
: sheet === 'more' : sheet === 'more'
? [element('right-context-rail'), dock] ? // Visual lives in the left stack; the dock holds the presets.
[element('left-panel-stack'), dock]
: [element('right-context-rail')]; : [element('right-context-rail')];
return roots.find((root) => root?.contains(target)); return roots.find((root) => root?.contains(target));
}; };
+1 -1
View File
@@ -623,7 +623,7 @@ test('the phone shell keeps the required attribution visible', () => {
); );
const openDock = rule('body.mobile-shell[data-mobile-sheet] #command-dock'); const openDock = rule('body.mobile-shell[data-mobile-sheet] #command-dock');
const railSheet = rule( const railSheet = rule(
"body.mobile-shell[data-mobile-sheet='more'] #right-context-rail", "body.mobile-shell[data-mobile-sheet='more'] #left-panel-stack",
); );
assert.ok(z(sheetCredit) > z(openDock)); assert.ok(z(sheetCredit) > z(openDock));
assert.ok(z(sheetCredit) > z(railSheet)); assert.ok(z(sheetCredit) > z(railSheet));
+4 -2
View File
@@ -129,7 +129,9 @@ body.mobile-shell #right-context-rail {
body.mobile-shell[data-mobile-sheet='layers'] #left-panel-stack, body.mobile-shell[data-mobile-sheet='layers'] #left-panel-stack,
body.mobile-shell[data-mobile-sheet='cameras'] #right-context-rail, body.mobile-shell[data-mobile-sheet='cameras'] #right-context-rail,
body.mobile-shell[data-mobile-sheet='context'] #right-context-rail, body.mobile-shell[data-mobile-sheet='context'] #right-context-rail,
body.mobile-shell[data-mobile-sheet='more'] #right-context-rail { /* Visual opens from the left rail on wider screens, so it lives in the left
stack and the More sheet is that stack showing Visual alone. */
body.mobile-shell[data-mobile-sheet='more'] #left-panel-stack {
position: fixed; position: fixed;
top: auto; top: auto;
right: 0; right: 0;
@@ -189,7 +191,7 @@ body.mobile-shell[data-mobile-sheet='context']
body.mobile-shell[data-mobile-sheet='context'] body.mobile-shell[data-mobile-sheet='context']
#right-context-rail #right-context-rail
> #recent-imagery-panel:not([hidden]), > #recent-imagery-panel:not([hidden]),
body.mobile-shell[data-mobile-sheet='more'] #right-context-rail > #pp-toggles { body.mobile-shell[data-mobile-sheet='more'] #left-panel-stack > #pp-toggles {
position: relative; position: relative;
inset: auto; inset: auto;
display: block; display: block;