Merge pull request #696 from samvera-labs/min-width-android

Extend player min-width to Android browsers
samvera-labs · Oct 31, 2024 · 033f9c8 · 033f9c8
2 parents 4a1d460 + 95a48b2
commit 033f9c8
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/MediaPlayer/VideoJS/videojs-theme.scss b/src/components/MediaPlayer/VideoJS/videojs-theme.scss
@@ -7,8 +7,10 @@
   min-width: 490px;
   min-height: 40px;
 }
-// For iOS
-.vjs-theme-ramp.vjs-audio-only-mode.vjs-device-iphone {
+
+// min-width for iOS and Android viewports
+.vjs-theme-ramp.vjs-audio-only-mode.vjs-device-iphone,
+.vjs-theme-ramp.vjs-audio-only-mode.vjs-device-android {
   min-width: 380px;
 }
 
@@ -17,8 +19,10 @@
   min-width: 490px;
   min-height: 270px;
 }
-// For iOS
-.vjs-theme-ramp.vjs-device-iphone {
+
+// min-width for iOS and Android viewports
+.vjs-theme-ramp.vjs-device-iphone,
+.vjs-theme-ramp.vjs-device-android {
   min-width: 380px;
   min-height: 210px;
 }