Merge pull request #1157 from equalizedigital/dev/video-carousel

Dev/video carousel
equalizedigital · Apr 5, 2024 · 9ec9cd9 · 9ec9cd9
2 parents 966c1a6 + f00f3aa
commit 9ec9cd9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 5 deletions.
diff --git a/assets/css/editor-style.css b/assets/css/editor-style.css
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -8162,7 +8162,7 @@ select.tab-block-container-tab-block_header-buttons_mobile_select {
     display: inline-flex; }
   .video_carousel_template .video-carousel-swiper-container {
     width: 100%;
-    max-width: 940px;
+    max-width: 1120px;
     margin: 0 auto; }
     .video_carousel_template .video-carousel-swiper-container .swiper-wrapper .slide_main_container {
       position: relative; }
@@ -8183,7 +8183,7 @@ select.tab-block-container-tab-block_header-buttons_mobile_select {
       opacity: .5; }
       @media (min-width: 769px) {
         .video_carousel_template .video-carousel-swiper-container .swiper-wrapper .swiper-slide {
-          width: 235px; } }
+          width: 260px; } }
       .video_carousel_template .video-carousel-swiper-container .swiper-wrapper .swiper-slide.keyboard-focused {
         opacity: 1; }
       .video_carousel_template .video-carousel-swiper-container .swiper-wrapper .swiper-slide.swiper-slide-visible, .video_carousel_template .video-carousel-swiper-container .swiper-wrapper .swiper-slide.swiper-slide-active {
@@ -8263,6 +8263,7 @@ select.tab-block-container-tab-block_header-buttons_mobile_select {
       bottom: 0;
       z-index: 242;
       background: #625089CC;
+      border-radius: 10px;
       opacity: 0; }
     .video_carousel_template .image-object:hover:after {
       opacity: 1; }

diff --git a/assets/scss/blocks/video-carousel.scss b/assets/scss/blocks/video-carousel.scss
@@ -65,7 +65,7 @@
 
 	.video-carousel-swiper-container {
 		width: 100%;
-		max-width: 940px;
+		max-width: 1120px;
 		margin: 0 auto;
 
 		.swiper-wrapper {
@@ -93,7 +93,7 @@
 			.swiper-slide {
 				opacity: .5;
 				@include media(">tablet") {
-					width: 235px;
+					width: 260px;
 					// width: 17vw !important;
 				}
 				&.keyboard-focused{
@@ -211,6 +211,7 @@
 			bottom: 0;
 			z-index: 242;
 			background: #625089CC;
+			border-radius: 10px;
 			opacity: 0;
 		}