From ea95a60d791d002f8a832d0667631b9207807575 Mon Sep 17 00:00:00 2001 From: ghassan Date: Tue, 28 Jul 2026 22:45:55 +0300 Subject: [PATCH] Match highlights sheet: hide bottom nav on open too While the sheet is open the fixed bottom nav now slides down out of view, matching the top bar so the sheet owns the whole lower area; it slides back the moment the sheet closes. Same body.hl-sheet-open trigger, reduced-motion safe. The !important is needed to beat the base rule that pins the nav's transform to none on mobile. Co-Authored-By: Claude Opus 4.8 --- resources/views/videos/types/match.blade.php | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/resources/views/videos/types/match.blade.php b/resources/views/videos/types/match.blade.php index 37560b4..b434f3f 100644 --- a/resources/views/videos/types/match.blade.php +++ b/resources/views/videos/types/match.blade.php @@ -1937,10 +1937,16 @@ body.hl-sheet-open .yt-header { transform: translateY(-100%); } #main.yt-main { transition: top 0.3s ease; } body.hl-sheet-open #main.yt-main { top: 0 !important; } + + /* Hide the bottom nav too so the sheet owns the whole lower area. + !important overrides the base `.yt-bottom-nav { transform: none !important }`. */ + .yt-bottom-nav { transition: transform 0.3s ease; } + body.hl-sheet-open .yt-bottom-nav { transform: translateY(100%) !important; } } @media (max-width: 991px) and (prefers-reduced-motion: reduce) { .events-sidebar, .yt-header, + .yt-bottom-nav, #main.yt-main { transition: none; } }