Merge pull request #497 from WWWPiramalFinanceCOM/feature/optimization

embed glider fix
WWWPiramalFinanceCOM · Sep 26, 2024 · a97a86b · a97a86b
2 parents 896c3ec + a9eeae0
commit a97a86b
Showing 1 changed file with 20 additions and 3 deletions.
diff --git a/styles/embed-carousel-wrapper/embed-carousel-wrapper.css b/styles/embed-carousel-wrapper/embed-carousel-wrapper.css
@@ -59,6 +59,13 @@
 
 .section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track .teaser {
  position: relative;
+ min-height: 220px;
+}
+
+.section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track .teaser .background .front-picture img {
+ width: 100%;
+ min-height: 220px;
+ object-fit: fill;
 }
 
 .section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track .teaser .background .foreground .text .cta-image-wrapper .img-with-text-wrap:first-child .cta-image>a {
@@ -143,8 +150,8 @@ dialog[open] .modal-content .section.embed-carousel-youtube-video .embed-wrapper
  }
 
  .section.embed-carousel-wrapper .carousel-wrapper .carousel .button-container.glider-dots .glider-dot {
- height: 4px;
- width: 4px;
+ height: 6px;
+ width: 6px;
  margin: 0 4px;
  background: #000;
  opacity: .2;
@@ -153,14 +160,19 @@ dialog[open] .modal-content .section.embed-carousel-youtube-video .embed-wrapper
  .section.embed-carousel-wrapper .carousel-wrapper .carousel .button-container.glider-dots .glider-dot.glider-active {
  background-color: #000;
  border-radius: 4px;
- height: 4px;
+ height: 5px;
  width: 16px;
  opacity: 1;
  }
 
+ .section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track .teaser .background .front-picture img {
+ min-height: 180px;
+ }
+
  .section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track .teaser {
  margin: 0 5px;
  position: relative;
+ min-height: 180px;
  }
 
  .section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track {
@@ -198,9 +210,14 @@ dialog[open] .modal-content .section.embed-carousel-youtube-video .embed-wrapper
  padding: 0 8px;
  }
 
+ .section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track .teaser .background .front-picture img {
+ min-height: 175px;
+ }
+
  .section.embed-carousel-wrapper .carousel-wrapper .carousel .panel-container .glider-track .teaser {
  position: relative;
  min-width: 310px;
+ min-height: 175px;
  }
 
  .section.embed-carousel-wrapper .carousel-wrapper .carousel .carousel-navigation-buttons .slide-prev {