@meduza/ui-kit-2 0.8.702 → 0.8.704

package/dist/ui-kit-game.css

@@ -2743,23 +2743,30 @@
 
 .EmbedBlock-module_wrapper__ynT7R {
   position: relative;
+
+  width: 100%;
+  max-height: 70vh;
+}
+
+@media only screen and (min-width: 40.625em) {
+
+.EmbedBlock-module_wrapper__ynT7R {
+    max-height: 90vh;
 }
+  }
 
 .EmbedBlock-module_wrapper__ynT7R .EmbedBlock-module_objectWrap__qpbni {
   position: static;
 }
 
-.EmbedBlock-module_isYoutube__WpBkS {
+/* .isYoutube {
   width: 100%;
   max-height: 70vh;
-}
 
-@media only screen and (min-width: 40.625em) {
-
-.EmbedBlock-module_isYoutube__WpBkS {
+  @media $landscapeTablet {
     max-height: 90vh;
-}
   }
+} */
 
 /* DEVICES */
 

package/dist/ui-kit.css

@@ -2743,23 +2743,30 @@
 
 .EmbedBlock-module_wrapper__ynT7R {
   position: relative;
+
+  width: 100%;
+  max-height: 70vh;
+}
+
+@media only screen and (min-width: 64em) {
+
+.EmbedBlock-module_wrapper__ynT7R {
+    max-height: 90vh;
 }
+  }
 
 .EmbedBlock-module_wrapper__ynT7R .EmbedBlock-module_objectWrap__qpbni {
   position: static;
 }
 
-.EmbedBlock-module_isYoutube__WpBkS {
+/* .isYoutube {
   width: 100%;
   max-height: 70vh;
-}
 
-@media only screen and (min-width: 64em) {
-
-.EmbedBlock-module_isYoutube__WpBkS {
+  @media $landscapeTablet {
     max-height: 90vh;
-}
   }
+} */
 
 /* DEVICES */
 

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.8.702",
+  "version": "0.8.704",
   "license": "MIT",
   "description": "UIKit for Meduza",
   "repository": "https://github.com/meduza-corp/ui-kit-2.git",

package/src/EmbedBlock/EmbedBlock.module.css

@@ -248,20 +248,27 @@
 
 .wrapper {
   position: relative;
+
+  width: 100%;
+  max-height: 70vh;
+
+  @media $landscapeTablet {
+    max-height: 90vh;
+  }
 }
 
 .wrapper .objectWrap {
   position: static;
 }
 
-.isYoutube {
+/* .isYoutube {
   width: 100%;
   max-height: 70vh;
 
   @media $landscapeTablet {
     max-height: 90vh;
   }
-}
+} */
 
 /* DEVICES */
 .mobile {

package/src/EmbedBlock/EmbedBlock.tsx

@@ -98,7 +98,13 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
       default: {
         return (
           <div className={styles.object}>
-            <div className={styles.wrapper} style={style}>
+            <div
+              className={makeClassName([
+                [styles.wrapper, true]
+                // [styles.isYoutube, provider === 'youtube' && isProportional]
+              ])}
+              style={style}
+            >
               <DangerousHTML className={styles.objectWrap} html={html} />
             </div>
           </div>
@@ -107,10 +113,14 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
     }
   }
 
-  if (isProportional && provider !== 'youtube') {
-    style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`
-    style.height = 0
-  } else if (isProportional && provider === 'youtube') {
+  // if (isProportional && provider !== 'youtube') {
+  //   style.paddingBottom = `${(block.data.height / block.data.width) * 100}%`
+  //   style.height = 0
+  // } else if (isProportional && provider === 'youtube') {
+  //   style.aspectRatio = `${block.data.width} / ${block.data.height}`
+  // }
+
+  if (isProportional) {
     style.aspectRatio = `${block.data.width} / ${block.data.height}`
   }
 
@@ -146,8 +156,8 @@ export const EmbedBlock: React.FC<EmbedBlockProps> = ({
         <div className={styles.object}>
           <div
             className={makeClassName([
-              [styles.wrapper, true],
-              [styles.isYoutube, true]
+              [styles.wrapper, true]
+              // [styles.isYoutube, provider === 'youtube' && isProportional]
             ])}
             style={style}
           >