fix(menu-fab): navigation du menu correcte sur /shorts + FAB plus compact
CI / build-and-test (push) Canceled after 31s

- app-player-menu : stopPropagation wheel/touchstart/touchend sur le host —
  les handlers window:wheel et window:touch* de /shorts ne volaient plus les
  gestes sur le panneau (impossible de scroller jusqu'en bas du menu, tap =
  play/pause, swipe = changement de short)
- /shorts : ArrowUp/Down ignore quand le menu est ouvert
- /shorts : le FAB passe en haut a DROITE du cadre (la fleche retour mobile
  z-20 passait par-dessus le FAB piege dans la scene z-10)
- Look/taille : FAB 40->36px, panneau 288->240px, items compacts,
  max-height 70vh/480 -> 65vh/430 (plus de rognage par overflow:hidden),
  pastille en degrade + relief, panneau rounded-xl + highlight interne
This commit is contained in:
2026-10-01 08:26:41 -04:00
parent 7ceec59841
commit 82d0a8fb3b
3 changed files with 63 additions and 34 deletions
@@ -1915,7 +1915,8 @@ export class WatchShortComponent implements OnDestroy {
@HostListener('document:keydown', ['$event'])
onKey(ev: KeyboardEvent) {
if (this.items().length === 0) return;
// Menu FAB ouvert : ↑↓ doivent défiler PANNEAU, pas changer de short.
if (this.items().length === 0 || this.menuOpen()) return;
if (ev.key === 'ArrowDown') { ev.preventDefault(); this.next(); }
if (ev.key === 'ArrowUp') { ev.preventDefault(); this.prev(); }
}