CopyBot/mediacms
1
0
Fork 0
mirror of https://github.com/mediacms-io/mediacms.git synced 2025-11-06 07:28:53 -05:00
Code Issues Packages Projects Releases Wiki Activity

Scope fullscreen button size to hover-capable devices

Browse Source 
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.
This commit is contained in:
Yiannis Christodoulou 2025-10-16 15:50:56 +03:00
parent d955576a7e
commit 219e80e9e2
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend-tools/video-js/src/components/video-player/VideoJSPlayer.css
View File

@ -29,7 +29,9 @@ button {
} }
/* Center the fullscreen button inside its wrapper */ /* Center the fullscreen button inside its wrapper */
@media (hover: hover) and (pointer: fine) {
.vjs-fullscreen-control svg { .vjs-fullscreen-control svg {
width: 30px !important; width: 30px !important;
height: 30px !important; height: 30px !important;
} }
}