ghassan/takeone-youtube-clone
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Match highlights sheet: hide bottom nav on open too

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
ghassan 2026-07-28 22:45:55 +03:00
parent ecb89f9514
commit ea95a60d79
1 changed files with 6 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
resources/views/videos/types/match.blade.php
View File

@ -1937,10 +1937,16 @@
body.hl-sheet-open .yt-header { transform: translateY(-100%); } body.hl-sheet-open .yt-header { transform: translateY(-100%); }
#main.yt-main { transition: top 0.3s ease; } #main.yt-main { transition: top 0.3s ease; }
body.hl-sheet-open #main.yt-main { top: 0 !important; } 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) { @media (max-width: 991px) and (prefers-reduced-motion: reduce) {
.events-sidebar, .events-sidebar,
.yt-header, .yt-header,
.yt-bottom-nav,
#main.yt-main { transition: none; } #main.yt-main { transition: none; }
} }
</style> </style>