From 09d7cffd692ccd4a63e10d44bf1eaad1beb16b98 Mon Sep 17 00:00:00 2001 From: Aleksandra Pleshcheva <46083995+aeksandla@users.noreply.github.com> Date: Tue, 24 Dec 2024 11:34:35 +0300 Subject: [PATCH] fix: iframe video resize (#1091) * fix(FullscreenMedia): fix resize --- src/components/FullscreenMedia/FullscreenMedia.scss | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/components/FullscreenMedia/FullscreenMedia.scss b/src/components/FullscreenMedia/FullscreenMedia.scss index 0c9d8f8e0..3efc7bffa 100644 --- 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 */ } }