fix: iframe video resize (#1091)

aeksandla · web-flow · commit 09d7cffd692c · 2024-12-24T11:34:35.000+03:00
* fix(FullscreenMedia): fix resize
diff --git a/src/components/FullscreenMedia/FullscreenMedia.scss b/src/components/FullscreenMedia/FullscreenMedia.scss
@@ -47,8 +47,12 @@ $modalYoutubeWidth: min(65vw, #{$newContentWidth});
         &_type_youtube {
             @extend %modal-media;
 
-            width: $modalYoutubeWidth;
-            height: calc(#{$modalYoutubeWidth} * 9 / 16);
+            max-width: $modalYoutubeWidth;
+            width: 100%;
+            aspect-ratio: 16/9;
+            height: calc(
+                #{$modalYoutubeWidth} * 9 / 16
+            ) !important; /* stylelint-disable-line declaration-no-important */
         }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -47,8 +47,12 @@ $modalYoutubeWidth: min(65vw, #{$newContentWidth});`
`47`	`47`	`&_type_youtube {`
`48`	`48`	`@extend %modal-media;`
`49`	`49`
`50`		`- width: $modalYoutubeWidth;`
`51`		`- height: calc(#{$modalYoutubeWidth} * 9 / 16);`
	`50`	`+ max-width: $modalYoutubeWidth;`
	`51`	`+ width: 100%;`
	`52`	`+ aspect-ratio: 16/9;`
	`53`	`+ height: calc(`
	`54`	`+ #{$modalYoutubeWidth} * 9 / 16`
	`55`	`+ ) !important; /* stylelint-disable-line declaration-no-important */`
`52`	`56`	`}`
`53`	`57`	`}`
`54`	`58`