Fix: Media controls now visible for videos in narrow window (#987)

box · Apr 23, 2019 · 753fc14 · 753fc14
1 parent c5eac30
commit 753fc14
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/lib/viewers/media/Dash.scss b/src/lib/viewers/media/Dash.scss
@@ -6,7 +6,6 @@
         display: block;
         max-height: 100%;
         max-width: 100%;
-        min-width: 460px;
         width: 100%;
     }
 

diff --git a/src/lib/viewers/media/_mediaBase.scss b/src/lib/viewers/media/_mediaBase.scss
@@ -24,6 +24,9 @@
 }
 
 .bp-media-container {
+    display: flex;
+    justify-content: center;
+    min-width: 300px; // Prevent media controls from overflowing on small screens
     outline: 0 none;
     position: relative;
     user-select: none;  // Prevents copy paste dialog from appearing on mobile