From 219e80e9e2e372ac8d67c48d7c09ed1d273ce26a Mon Sep 17 00:00:00 2001 From: Yiannis Christodoulou Date: Thu, 16 Oct 2025 15:50:56 +0300 Subject: [PATCH] Scope fullscreen button size to hover-capable devices Wrapped the fullscreen button SVG sizing rules in a media query targeting devices with hover and fine pointer capabilities. This prevents the size override from affecting touch devices. --- .../src/components/video-player/VideoJSPlayer.css | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css index 59519671..22d33d0e 100644 --- a/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css +++ b/frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css @@ -29,7 +29,9 @@ button { } /* Center the fullscreen button inside its wrapper */ -.vjs-fullscreen-control svg { - width: 30px !important; - height: 30px !important; +@media (hover: hover) and (pointer: fine) { + .vjs-fullscreen-control svg { + width: 30px !important; + height: 30px !important; + } }