Leave the presets out of Visual in the phone's More sheet

The More sheet already shows the dock's Visual Presets tray right above
Visual, so the panel's own copy is hidden on the phone shell.

Co-authored-by: Manjunath Paparaju <[email protected]>
This commit is contained in:
Sameh KhamisandManjunath Paparaju committed 2026-11-14 15:31:33 -08:00
1 parent 81a18d327a
commit 63dc5756d5
2 files changed
+8 -1

No files matched your search

+2 -1
View File
@@ -658,7 +658,8 @@ is a card (`src/ui/styles/visual-panel.css`) whose header row ends in an
on/off pill worded in the current language. The presets and chips call the on/off pill worded in the current language. The presets and chips call the
same Display store actions as the dock's Visual Presets tray, which stays on same Display store actions as the dock's Visual Presets tray, which stays on
desktop and phone as before, along with Location; voice `Visual Presets` desktop and phone as before, along with Location; voice `Visual Presets`
still opens that tray. In Cockpit the groups Cockpit's Display popover takes still opens that tray. On a phone the More sheet shows that tray right above
Visual, so Visual leaves out its own presets and chips there. In Cockpit the groups Cockpit's Display popover takes
leave the panel as before and keep their own styling there. leave the panel as before and keep their own styling there.
Scope has an Opacity slider (`#scope-opacity-slider`, 0–100%, default 100%) Scope has an Opacity slider (`#scope-opacity-slider`, 0–100%, default 100%)
+6
View File
@@ -123,6 +123,12 @@
cursor: default; cursor: default;
} }
/* The phone's More sheet shows the dock's Visual Presets tray right above
Visual, so the panel leaves out its own copy there. */
body.mobile-shell #pp-toggles .visual-presets {
display: none;
}
/* The body is display: contents, so its children are the panel's own flex /* The body is display: contents, so its children are the panel's own flex
items: keep them full width and unshrunk. */ items: keep them full width and unshrunk. */
#pp-toggles .pp-panel-body > * { #pp-toggles .pp-panel-body > * {