# 230 — Collapsing Home sidebar

Decided with the user 2026-10-12. Home only.

- With the focus in the sidebar (list 9000 or buttons 700) Home looks as before. With the focus anywhere right of
  it (sections, detail) the sidebar shrinks to its icons (edge 462 → 110) and the content takes the freed width,
  so a row shows more cards. Moving back left expands it again.
- Collapsed: labels, the wordmark and the power/settings/search buttons fade out; the logo mark centres on the
  icons; the icon of the current section is tinted with the skin accent (`button_focus`).
- One motion: 400 ms, cubic out. Only transforms run on a focus change (slide, fade, the backdrop's zoom from
  its top right corner); the content is laid out once at its collapsed width (1810), so nothing reloads.
- Content anchored to the screen's right edge (the row's "more" card, the classic-list button) moves against the
  content and stays at the edge in both states.
- A mouse reaches the sidebar over its icons only (`hitrect`), so the content under the labels stays pointable
  while collapsed.
- Skin setting "Sbalovat boční nabídku na ikony" (Milionář section, #31919), default on; off =
  `Skin.HasSetting(HomeSidebarNoCollapse)` keeps the classic layout. The geometry is a conditional include, so
  Kodi reloads Home when the setting changes.
- Under a modal dialog Kodi answers `Control.HasFocus` for the dialog (whose own list 9000 would expand the sidebar
  and show its labels over the hero), so the sidebar also keeps its focus in `Window(Home).Property(milionar.sidebar
  .focus)`: list 9000 and the buttons 700 set it on focus, list 9000 clears it on unfocus and the buttons when the
  focus leaves right; `MilionarSidebarCollapsed` reads it while `System.HasActiveModalDialog` (2026-10-15).
- Code: `xml/Includes_MilionarSidebar.xml` (all numbers in one place), `Home.xml`, generated rows / backdrop
  (`gen_cinema.py`) and detail (`gen_detail.py`) use right anchoring instead of fixed widths.

## Optical alignment of the icons (2026-10-15)

Estuary's star (`icons/sidemenu/favourites.png`, Pro tebe) carries its weight lower than the other menu icons: on
native captures its centroid lay 4 px (3 skin px) under the label's, the others within 1 px. The include
`MilionarSidebarIconNudge` (`Includes_MilionarSidebar.xml`) lifts that icon by 3 px in every state (unfocused,
focused, collapsed rail); measured after: +0.0 / +0.1 / +0.3 px in both skins. It keys on the icon, so any item
with the star sits right.