Merge pull request #515 from WWWPiramalFinanceCOM/feature/optimization

Feature/optimization
WWWPiramalFinanceCOM · Oct 1, 2024 · 6649179 · 6649179
2 parents 7d94a9e + 7b738b1
commit 6649179
Show file tree

Hide file tree

Showing 4 changed files with 48 additions and 23 deletions.
diff --git a/blocks/branch-detail-description/branch-detail-description.css b/blocks/branch-detail-description/branch-detail-description.css
@@ -9,7 +9,8 @@
     margin-top: 23px;
 }
 
-.branch-description-wrapper .branch-detail-description.block .branch-description-wrapper .branch-description-content {
+.branch-description-wrapper .branch-detail-description.block .branch-description-wrapper .branch-description-content,
+.branch-description-wrapper .branch-detail-description.block .branch-description-wrapper .branch-description-content>span {
     font-family: "Nunito-Regular";
     font-size: 1rem;
     line-height: 24px;

diff --git a/blocks/branchlocatormoredetails/branchlocatormoredetails.css b/blocks/branchlocatormoredetails/branchlocatormoredetails.css
@@ -93,6 +93,8 @@
     font-size: 1.5rem;
     line-height: 32px;
     color: var(--darkcharcoal);
+    font-family: "Nunito-Bold";
+    font-weight: 700;
 }
 
 .branchlocator-moredetail-map .branchlocatormoredetails-wrapper .branchlocatormoredetails .map-container{
@@ -294,20 +296,14 @@
 }
 
 /* Glider Button*/
-.branchcustomer-review-cards .carousel-navigation-buttons{
-    display: none;
+.branchcustomer-review-cards .carousel-navigation-buttons .slide-prev {
+    left: 5px;
 }
-/* Glider Button*/
 
-/* Glider Dots */
-.branchcustomer-review-cards div.button-container.glider-dots{
-    display: flex;
-    padding-top: 10px;
-}
-
-.branchcustomer-review-cards .carousel.block>.button-container button{
-    background-color: transparent;
+.branchcustomer-review-cards .carousel-navigation-buttons .slide-next {
+    right: 5px;
 }
+/* Glider Button*/
 
 .branchcustomer-review-cards .carousel.block>.button-container button.glider-dot.active{
     background: var(--dark-color);
@@ -446,12 +442,21 @@
     padding-top: 10px;
 }
 
-.branchcustomer-review-cards .carousel.block>.button-container button{
-    background-color: transparent;
+.branchcustomer-review-cards .carousel.block>.button-container.glider-dots button{
+    width: 4px;
+    height: 4px;
+    margin: 0 4px;
+    border-radius: 50%;
+    background: #000;
+    opacity: .2;
 }
 
-.branchcustomer-review-cards .carousel.block>.button-container button.glider-dot.active{
-    background: var(--dark-color);
+.branchcustomer-review-cards .carousel.block>.button-container.glider-dots button.glider-active{
+    background-color: #000;
+    border-radius: 4px;
+    height: 4px;
+    width: 16px;
+    opacity: 1;
 }
 /* Glider Dots */
 

diff --git a/blocks/keyfeatures/keyfeatures.css b/blocks/keyfeatures/keyfeatures.css
@@ -235,7 +235,7 @@
     height: auto;
 }
 
-.section.personal-loan-key-feature .default-content-wrapper h2 {
+.section.personal-loan-key-feature>.fragment-wrapper>.section .default-content-wrapper h2 {
     color: var(--black);
     display: block;
     font-family: 'Nunito-Extrabold', sans-serif;
@@ -246,6 +246,10 @@
     margin: 0;
 }
 
+.section.personal-loan-key-feature>.fragment-wrapper>.section .wrappercreation-wrapper .wrappercreation {
+    margin-top: 24px;
+}
+
 @media screen and (max-width: 767px) {
     .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container{
         grid-template-columns: 1fr;
@@ -313,11 +317,16 @@
         min-height: 220px;
     }   
 
-    .section.personal-loan-key-feature .default-content-wrapper h2 {
+    .section.personal-loan-key-feature>.fragment-wrapper>.section .default-content-wrapper h2 {
         font-size: 1.25rem;
         line-height: 1.75rem;
         padding-bottom: 4px;
     }
+
+    .section.personal-loan-key-feature>.fragment-wrapper>.section .wrappercreation-wrapper .wrappercreation,
+    .section.personal-loan-key-feature>.fragment-wrapper>.section .wrappercreation-wrapper .wrappercreation .wrapper-creation-container {
+        margin-top: 9px;
+    }
 }
 
 @media (min-width:768px) and (max-width: 1024px) {
@@ -335,6 +344,10 @@
     .section.home-loans-products-wrapper.renovation-home-loan-products .keyfeature-container .keyfeatures-info .keyfeatures{
         min-height: 272px;
     }
+
+    .section.personal-loan-key-feature>.fragment-wrapper>.section .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link {
+        min-height: 220px;
+    }
 }
 
 @media (min-width:1024px) and (max-width:1366px) {
@@ -343,8 +356,14 @@
     }
 }
 
-/* @media screen and (min-width:1025px) and (max-width: 1300px) {
-    .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{
-        min-height: 235px;
+@media screen and (max-width:1024px) {
+    .section.personal-loan-key-feature>.fragment-wrapper>.section>div {
+        padding: unset;
+    }
+}
+
+@media screen and (min-width:1025px) and (max-width: 1300px) {
+    .section.personal-loan-key-feature>.fragment-wrapper>.section>div {
+        max-width: unset !important;
     }
-  } */
+}
diff --git a/blocks/moredetailsaddress/moredetailsaddress.js b/blocks/moredetailsaddress/moredetailsaddress.js
@@ -350,7 +350,7 @@ function reviewRender(){
             },
             "responsive": [
               { "breakpoint": 767, "settings": { "slidesToShow": 2, "slidesToScroll": 1 } },
-              { "breakpoint": 1025, "settings": { "slidesToShow": 3, "slidesToScroll": 1, "scrollLock": true, "draggable": true, "settings": { "slidesToShow": 2, "slidesToScroll": 1, "duration": 0.25 } } }
+              { "breakpoint": 1025, "settings": { "slidesToShow": 3, "slidesToScroll": 1, "scrollLock": true, "draggable": true } }
             ]
           });
           // observer.unobserve(entry.target);