From 4cd1d195a752043ceb0f1ca80bd97bb90cda296b Mon Sep 17 00:00:00 2001 From: ghassan Date: Tue, 28 Jul 2026 23:18:50 +0300 Subject: [PATCH] Fix fullscreen drawer stretching full-width over the video On a <=991px landscape phone the mobile sheet rule (width:100% !important) beat the fullscreen drawer's non-important width, so the drawer covered the whole video instead of just the right side. Make the drawer width !important so it keeps its narrow clamp(230px, 30vw, 360px). Co-Authored-By: Claude Opus 4.8 --- resources/views/videos/types/match.blade.php | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/resources/views/videos/types/match.blade.php b/resources/views/videos/types/match.blade.php index 1aae69d..d219f9c 100644 --- a/resources/views/videos/types/match.blade.php +++ b/resources/views/videos/types/match.blade.php @@ -1984,7 +1984,10 @@ .ytp-wrap.ytp-fullscreen .events-sidebar { display: flex !important; position: absolute; top: 0; right: 0; bottom: 0; left: auto; - width: var(--hl-drawer-w); + /* !important is required: on a <=991px landscape phone the mobile sheet + rule sets width:100% !important, which would otherwise stretch the + drawer across the whole video. */ + width: var(--hl-drawer-w) !important; height: auto !important; max-height: none !important; margin: 0 !important; border-radius: 0 !important; background: linear-gradient(to left, rgba(10, 10, 13, 0.42), rgba(10, 10, 13, 0.14));