doc 04 §3c: header icon hide (keep search, drop syncplay/cast/user)

Three top-right header icons hidden via CSS appended to existing CustomCss:
.headerSyncButton, .headerCastButton, .headerUserButton. Search button
.headerSearchButton intentionally untouched so its event handler still
fires. Selectors confirmed by grepping live JF 10.10.3 web bundle.
Branding POST returned 204; verified via GET that Cineplex @import,
cast/crew hide, ARRFLIX logo override, Quick Connect hide, Settings
drawer hide, LoginDisclaimer, and SplashscreenEnabled all preserved.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
s8n 2026-05-08 03:33:27 +01:00
parent ba4c281ce0
commit 004016b3cf

View file

@ -254,6 +254,45 @@ about to POST branding for any reason, GET `/System/Configuration/branding`
first and confirm the override block matches the §3a skeleton before
sending.
### 3c. Header icon hide (2026-05-08): keep search, drop SyncPlay/Cast/User-menu
Top-right header had four buttons: SyncPlay (Create Group people-pair),
Cast (Chromecast triangle), Search (magnifying glass), User (account menu).
Goal: hide everything except Search. Selectors confirmed by grep against
the live JF 10.10.3 web bundle (`73233.*.chunk.js`): `headerSyncButton`,
`headerCastButton`, `headerSearchButton`, `headerUserButton` (also
`headerAudioPlayerButton` for the now-playing badge). Each is a class on
the `<button>` element, not an id, so the hide rules target the class
directly. Pure CSS appended to existing `CustomCss` via the standard
GET → edit → POST flow (no container restart, no `index.html` edit):
```css
/* Hide top-right header icons (keep Search) — 2026-05-08 */
.headerSyncButton { display: none !important; }
.headerCastButton { display: none !important; }
.headerUserButton { display: none !important; }
```
Rationale per button:
- **headerSyncButton** — SyncPlay group creation. Single-user / family box,
no co-watching workflow yet (see §5b for the full SyncPlay context).
- **headerCastButton** — Chromecast picker. No Cast targets on this LAN,
the button just opened an empty device list.
- **headerUserButton** — account/sign-out drop-down. Non-admins lose almost
every entry in this menu after §4 lockdown anyway, and admins use the
Dashboard wrench. Removing the icon eliminates the dead-end click.
- **headerSearchButton** — kept. Only navigation affordance left in the
top-right. The CSS does not touch `.headerSearchButton` so its event
handler is untouched and the icon still triggers the search drawer.
- The hamburger drawer toggle on the LEFT (`.headerHomeButton` /
`.mainDrawerButton`) is also untouched.
Verified post-write via `GET /Branding/Configuration` that all earlier
rules are still present (Cineplex `@import`, cast/crew hide, ARRFLIX
logo override, Quick Connect hide, Settings drawer hide, LoginDisclaimer,
SplashscreenEnabled). POST returned 204; same operational rule from §3b
applies — this was the last branding POST in the sequence.
---
## 4. Multi-user UX prep