From 004016b3cf3390c068fc844311439d79e1b20af3 Mon Sep 17 00:00:00 2001
From: s8n <admin@s8n.ru>
Date: Fri, 8 May 2026 03:33:27 +0100
Subject: [PATCH] =?UTF-8?q?doc=2004=20=C2=A73c:=20header=20icon=20hide=20(?=
 =?UTF-8?q?keep=20search,=20drop=20syncplay/cast/user)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 docs/04-theming-and-users.md | 39 ++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/docs/04-theming-and-users.md b/docs/04-theming-and-users.md
index c7931f3..2c2ea28 100644
--- a/docs/04-theming-and-users.md
+++ b/docs/04-theming-and-users.md
@@ -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