Shell 1.9.4: header menus open where their button is, folded bar or not; ProdCom 1.3.3 keeps its filter on a narrow tile
A tile's dropdown menus (ProdCom's Channels, the Timers menu) opened but never showed under a folded-away title bar — in fullscreen, or with auto-hide on. The bar carries a backdrop-filter and a transform while folded, and either one makes a fixed-positioned descendant position itself against the bar instead of the viewport: the menu landed a screen-height below its button, inside the tile's overflow. A tile near the top of the screen showed a misplaced menu; anything lower showed nothing at all. The shell now hosts every header menu on the body, under an element carrying the tile's data-module so a module's scoped CSS still reaches its items; places it whole inside the viewport; holds a folded bar open while one of its menus is open (the pointer has to travel down into the menu); and marks the open menu's button the way the gear is marked. ProdCom: seven controls need ~175 px of bar, and the shell clips what a narrow tile cannot fit — the Channels button went with the rest. Below 380 px the six secondary controls fold into a ⋯ menu offering the same actions, so the filter is the last thing to go. Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
co-authored by
Claude Fable 5.1
parent
92b98b6579
commit
e3967af110
@@ -20,9 +20,13 @@
|
||||
}
|
||||
[data-module="prodcom-transcript"] .pt-count[hidden] { display: none; }
|
||||
|
||||
/* narrow tile: the secondary controls fold into the ⋯ menu (client.js) */
|
||||
[data-module="prodcom-transcript"] .tile-btn[hidden],
|
||||
[data-module="prodcom-transcript"] .tile-dd[hidden] { display: none; }
|
||||
|
||||
/* ── channels menu ──
|
||||
The menu container is created and positioned by the shell (.tile-menu);
|
||||
it lives inside the tile, so [data-module] scoping still applies. */
|
||||
it hangs off the body under a [data-module] host, so scoping still applies. */
|
||||
|
||||
[data-module="prodcom-transcript"] .pt-channel-item {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user