MWPW-162345: Fix aside video on tablet (#3605)

* MWPW-162345: Fix aside video on tablet * MWPW-162345: Remove unnecessary aside from selector Co-authored-by: Rares Munteanu <[email protected]> --------- Co-authored-by: Rares Munteanu <[email protected]>
adobecom · Feb 5, 2025 · 591587b · 591587b
1 parent 0f820d8
commit 591587b
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/libs/blocks/aside/aside.css b/libs/blocks/aside/aside.css
@@ -997,7 +997,8 @@
   }
 
   .aside.split.media-top-tablet .split-image img,
-  .aside.split.media-bottom-tablet .split-image img {
+  .aside.split.media-bottom-tablet .split-image img,
+  .aside.split:is(.media-top-tablet, .media-bottom-tablet) .split-image video {
     position: relative;
     width: 100%;
     max-width: 100%;

diff --git a/libs/blocks/video/video.css b/libs/blocks/video/video.css
@@ -157,7 +157,8 @@ video {
 }
 
 @media (min-width: 600px) and (max-width: 1199px) {
-  .hero-marquee.asset-left .video-container.video-holder .pause-play-wrapper {
+  .hero-marquee.asset-left .video-container.video-holder .pause-play-wrapper, 
+  .aside:is(.media-top-tablet, .media-bottom-tablet) .video-container.video-holder .pause-play-wrapper {
     left: auto;
     right: 2%;
   }