insin
commented
4 months ago This is what displays ion desktop when someone is streaming
The Live on X box appears dynamically, popping back into existence every time you change page
Home:
Other pages:
DOM:
With the indicator
Indicator DOM
Timeline DOM
The height of the header is adjusted to offset timeline contents to make room for the indicator
Without the indicator
Indicator DOM
The
[role="grid"]element has[aria-hidden="true"]Timeline DOM
Header height when there's nothing to offset timeline contents to display
Implementation
[role="grid"]element for changes to its[aria-hidden]attributeLiveclass on<body>based on the presence of an[aria-hidden]attribute (missing = on, present = off)body.Liveas a hook to hide the indicator and adjust the timeline header back to its non-indicator height