fix: APPS-3042 Embedded video height in RichText (#672)

fix height on mobile for embedded videos Co-authored-by: tinuola <[email protected]>
UCLALibrary · Jan 7, 2025 · 819a6ba · 819a6ba · github-actions · Jan 7, 2025
1 parent faac68a
commit 819a6ba
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) {