fix height on mobile for embedded videos

UCLALibrary · Jan 3, 2025 · b9b6fd6 · b9b6fd6
1 parent faac68a
commit b9b6fd6
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/styles/default/_rich-text.scss b/src/styles/default/_rich-text.scss
@@ -68,7 +68,8 @@
 
   :deep(img) {
     height: auto;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
     display: inline-block;
   }
 
@@ -111,7 +112,8 @@
   :deep(iframe) {
     width: 100%;
     height: 400px;
-    object-fit: cover;
+    -o-object-fit: cover;
+       object-fit: cover;
   }
 
   :deep(a) {
@@ -259,8 +261,7 @@
 
     :deep(iframe) {
       width: 100%;
-      width: 100%;
-      height: auto;
+      min-height: 100%;
     }
 
     :deep(blockquote) {