From 059c5e909d73346a50a542951fcaefd3d7250a1c Mon Sep 17 00:00:00 2001 From: pashtepooja18 Date: Fri, 27 Sep 2024 11:17:39 +0530 Subject: [PATCH 1/5] risk gradation css added --- blocks/keyfeatures/keyfeatures.css | 19 +++--- .../available-facilities.css | 2 +- .../risk-gradation-popup.css | 66 ++++++++++++++----- styles/tab-with-cards/tab-with-cards.css | 2 +- 4 files changed, 61 insertions(+), 28 deletions(-) diff --git a/blocks/keyfeatures/keyfeatures.css b/blocks/keyfeatures/keyfeatures.css index e85981630f..d680bfcc6f 100644 --- a/blocks/keyfeatures/keyfeatures.css +++ b/blocks/keyfeatures/keyfeatures.css @@ -25,7 +25,7 @@ justify-content: start; padding: 16px 24px; flex-direction: column-reverse; - height: 220px; + min-height: 220px; row-gap: 10px; } @@ -35,7 +35,8 @@ } .section.home-loans-products-wrapper.home-loans-single-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - height: 100%; + min-height: 280px; + row-gap: 1.5rem; } .section.home-loans-products-wrapper.home-loans-single-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper { @@ -44,7 +45,7 @@ } .section.home-loans-products-wrapper.personal-loan-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - height: 260px; + min-height: 248px; } .section.home-loans-products-wrapper .homeloanteaser a:nth-child(2) img{ @@ -69,13 +70,13 @@ padding-bottom: 4px; width: 95%; } -.section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p:nth-child(2){ +/* .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p:nth-child(2){ -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; overflow: hidden; -} +} */ .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link .cmp-teaser__content p:nth-child(1) strong{ color: #000; font-family: Nunito-Extrabold, sans-serif; @@ -147,7 +148,7 @@ line-height: 20px; } .section.home-loans-products-wrapper .homeloanteaser .keyfeature-container .keyfeatures .feature .feature-details div p:last-child strong{ - color: #333; + color: #333; font-family: Nunito-Bold, sans-serif; font-size: 1.125rem; font-weight: 700; @@ -265,7 +266,7 @@ } .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ padding: 16px 24px; - max-height: 207px; + min-height: 207px; height: 100%; } .section.home-loans-products-wrapper.home-loans-product-mob-align .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link { @@ -294,7 +295,7 @@ line-height: 20px; } .section.home-loans-products-wrapper.home-loans-single-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - max-height: 267px; + min-height: 248px; } .section.home-loans-products-wrapper .keyfeature-container .keyfeatures-info .keyfeatures{ min-height: 220px; @@ -303,7 +304,7 @@ @media (min-width:768px) and (max-width: 1024px) { .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper .keyfeatures .homeloanteaser .cmp-teaser .cmp-teaser__link{ - height: 268px; + min-height: 268px; row-gap: 12px; padding: 16px 24px; } diff --git a/styles/available-facilities/available-facilities.css b/styles/available-facilities/available-facilities.css index 8317d3a4c9..bc15d18a67 100644 --- a/styles/available-facilities/available-facilities.css +++ b/styles/available-facilities/available-facilities.css @@ -14,7 +14,7 @@ justify-content: space-between; row-gap: 40px; column-gap: 11pc; - + align-items: flex-start; } .section.available-facilities .columns-wrapper .columns >div >div >h2{ color: #333; diff --git a/styles/risk-gradation-popup/risk-gradation-popup.css b/styles/risk-gradation-popup/risk-gradation-popup.css index e20fd42fb2..ef80df54c9 100644 --- a/styles/risk-gradation-popup/risk-gradation-popup.css +++ b/styles/risk-gradation-popup/risk-gradation-popup.css @@ -1,4 +1,4 @@ -.section.risk-gradation .default-content-wrapper #risk-gradation strong { +/* .section.risk-gradation .default-content-wrapper #risk-gradation strong { color: #000; display: block; font-family: Nunito-Extrabold, sans-serif; @@ -57,7 +57,6 @@ max-height: calc(100% - 4pc); max-width: 60pc; overflow-y: scroll; - /* position: fixed; */ transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms; width: calc(100% - 4pc); z-index: 1001; @@ -70,17 +69,14 @@ .section.risk-gradation { align-items: center; - /* display: flex; */ height: 100%; justify-content: center; left: 0; margin-bottom: 0; margin-top: 0; opacity: 1; - /* position: fixed; */ top: 0; transition: opacity 225ms cubic-bezier(.4, 0, .2, 1) 0ms; - /* visibility: hidden; */ width: 100%; z-index: 1210; } @@ -95,9 +91,9 @@ right: 10px; position: absolute; background-image: url('/content/dam/piramalfinance/company/about-us/partnership/close.png'); -} +} */ -@media screen and (max-width:767px) { +/* @media screen and (max-width:767px) { .section.risk-gradation>.default-content-wrapper { padding: 46px 16px 16px 16px; border-bottom-left-radius: 0; @@ -157,17 +153,9 @@ transform: translate(-50%); width: 30px; } +} */ - /* .section.risk-gradation.overlay{ */ - /* transform: translateY(100%); - } - .section.risk-gradation{ - transform: translateY(100%); - transition: transform 225ms cubic-bezier(0,0,.2,1) 0ms, -webkit-transform 225ms cubic-bezier(0,0,.2,1) 0ms; - } */ -} - -@media screen and (min-width:768px) and (max-width:1024px) { +/* @media screen and (min-width:768px) and (max-width:1024px) { .section.risk-gradation>.default-content-wrapper { padding: 40px 16px 12px; } @@ -176,4 +164,48 @@ right: 24px; top: 16px; } +} */ + +.dialog[open]:has(.modal-content .section.risk-gradation-popup) { + max-height: calc(100% - 100px); + border-radius: 16px; +} + +.dialog[open] .modal-content:has(.section.risk-gradation-popup) { + /* overflow: unset; */ + padding: 10px 85px; +} + +.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper h3 { + font-size: 2rem; + line-height: 2.5rem; + margin-bottom: .5rem; + font-family: Nunito-Extrabold, sans-serif; + font-weight: 800; + color: #000; +} + +.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper > p { + font-size: 1.125rem; + line-height: 1.5rem; + font-family: Nunito-Regular, sans-serif; + font-weight: 400; +} + +.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper ul { + margin-top: 1rem; + margin-left: 1.5rem; + padding: unset; + border: unset; + border-radius: unset; + list-style-type: disc; +} + +.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper ul> li { + font-size: 1.125rem; + line-height: 1.75rem; + font-family: Nunito-Regular, sans-serif; + font-weight: 400; + color: #000; + margin: 0; } \ No newline at end of file diff --git a/styles/tab-with-cards/tab-with-cards.css b/styles/tab-with-cards/tab-with-cards.css index 8d4b76f3d5..f197251224 100644 --- a/styles/tab-with-cards/tab-with-cards.css +++ b/styles/tab-with-cards/tab-with-cards.css @@ -82,7 +82,7 @@ flex-direction: column; justify-content: end; min-height: 250px; - padding: 38px 32px; + padding: 38px 30px; width: 100%; } From 002b769c21d01f0ff269dc8cb860febae3ffed53 Mon Sep 17 00:00:00 2001 From: Vaibhav sasulkar Date: Fri, 27 Sep 2024 12:24:32 +0530 Subject: [PATCH 2/5] key feature cards 150 scale issue fix --- blocks/keyfeatures/keyfeatures.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/blocks/keyfeatures/keyfeatures.css b/blocks/keyfeatures/keyfeatures.css index e85981630f..dabee0a469 100644 --- a/blocks/keyfeatures/keyfeatures.css +++ b/blocks/keyfeatures/keyfeatures.css @@ -14,6 +14,7 @@ grid-template-rows: auto 1fr; grid-template-columns: repeat(3, 1fr); column-gap: 20px; + row-gap: 20px; } .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper { position: relative; @@ -203,9 +204,9 @@ position: relative; padding-bottom: 60px; } -.view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper:nth-child(n+4) { +/* .view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper:nth-child(n+4) { margin-top: 20px; - } +} */ .view-more-less-js .default-content-wrapper p strong{ color: #000; display: block; @@ -236,7 +237,6 @@ .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation .wrapper-creation-container{ grid-template-columns: 1fr; margin-top: 16px; - row-gap: 20px; } .section.home-loans-products-wrapper .wrappercreation-wrapper .wrappercreation{ margin-top: unset; @@ -282,9 +282,9 @@ font-size: 1.125rem; line-height: 28px; } - .view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper:nth-child(n+4) { + /* .view-more-less-js .wrappercreation-wrapper .wrappercreation .wrapper-creation-container .keyfeatures-wrapper:nth-child(n+4) { margin-top: unset; - } + } */ .view-more-less-js .default-content-wrapper p strong{ font-size: 1.125rem; line-height: 24px; From ac985b949cf45f1163f680b64e39addc46a57b88 Mon Sep 17 00:00:00 2001 From: pashtepooja18 Date: Fri, 27 Sep 2024 12:56:36 +0530 Subject: [PATCH 3/5] risk gradation css added --- .../risk-gradation-popup.css | 231 +++++------------- 1 file changed, 63 insertions(+), 168 deletions(-) diff --git a/styles/risk-gradation-popup/risk-gradation-popup.css b/styles/risk-gradation-popup/risk-gradation-popup.css index ef80df54c9..0f6e7cff92 100644 --- a/styles/risk-gradation-popup/risk-gradation-popup.css +++ b/styles/risk-gradation-popup/risk-gradation-popup.css @@ -1,211 +1,106 @@ -/* .section.risk-gradation .default-content-wrapper #risk-gradation strong { - color: #000; - display: block; - font-family: Nunito-Extrabold, sans-serif; - font-size: 2rem; - font-weight: 800; - line-height: 40px; - margin-bottom: 8px; +dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup){ + max-height: calc(100% - 100px); + border-radius: 16px; } -.section.risk-gradation .default-content-wrapper>p { - color: #000; - font-family: Nunito-Regular, sans-serif; - font-size: 1.125rem; - font-weight: 400; - line-height: 24px; +dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .modal-content { + padding: 20px 100px 0px 85px; } -.section.risk-gradation .default-content-wrapper>ul>li::marker { +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper h3 { + font-size: 2rem; + line-height: 2.5rem; + margin-bottom: .5rem; + font-family: Nunito-Extrabold, sans-serif; + font-weight: 800; color: #000; - font-family: Nunito-Regular, sans-serif; - font-size: 1.125rem; - font-weight: 400; - line-height: 28px; } -.section.risk-gradation .default-content-wrapper>ul>li>p { - color: #000; - font-family: Nunito-Regular, sans-serif; +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper > p { font-size: 1.125rem; + line-height: 1.5rem; + font-family: Nunito-Regular, sans-serif; font-weight: 400; - line-height: 24px; } -.section.risk-gradation .default-content-wrapper>ul { +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul { + margin-top: 1rem; + margin-left: 1.5rem; + padding: unset; + border: unset; + border-radius: unset; list-style-type: disc; - margin-left: 24px; - margin-top: 16px; } -.section.risk-gradation .default-content-wrapper>ul>li{ - color: #000; - font-family: Nunito-Regular, sans-serif; +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul> li { font-size: 1.125rem; + line-height: 1.75rem; + font-family: Nunito-Regular, sans-serif; font-weight: 400; - line-height: 28px; - padding: 5px 0; -} - -.section.risk-gradation>.default-content-wrapper { - background-color: #fff; - border-radius: 16px; - box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12); - color: rgba(0, 0, 0, .87); - display: flex; - flex-direction: column; - max-height: calc(100% - 4pc); - max-width: 60pc; - overflow-y: scroll; - transition: box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0ms; - width: calc(100% - 4pc); - z-index: 1001; - padding: 40px 77px 12px 91px; - position: relative; - left: 50%; - top: 50%; - translate: -50% -50%; + color: #000; + margin: 0; } -.section.risk-gradation { - align-items: center; - height: 100%; - justify-content: center; - left: 0; - margin-bottom: 0; - margin-top: 0; - opacity: 1; - top: 0; - transition: opacity 225ms cubic-bezier(.4, 0, .2, 1) 0ms; - width: 100%; - z-index: 1210; +dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .close-button { + display: block; + padding-right: 30px; + color: rgba(0, 0, 0, 0.87); } -.section.risk-gradation .default-content-wrapper>p>em { - content: ''; - cursor: pointer; - height: 20px; - width: 20px; - background-size: 100%; - top: 16px; - right: 10px; - position: absolute; - background-image: url('/content/dam/piramalfinance/company/about-us/partnership/close.png'); -} */ - -/* @media screen and (max-width:767px) { - .section.risk-gradation>.default-content-wrapper { - padding: 46px 16px 16px 16px; - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - margin: 0 auto; - width: 100%; - height: 100%; - transform: unset; - left: unset; - top: auto; - translate: unset; - bottom: 0; - max-height: 92vh; - position: fixed; +@media screen and (max-width:767px) { + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup){ + padding-top: 45px; + padding-bottom: 20px; + max-height: unset; + margin-top: 52px; + max-height: calc(100% - 40px); + border-radius: 12px; } - .section.risk-gradation .default-content-wrapper #risk-gradation strong { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper h3 { font-size: 1.125rem; - line-height: 24px; + line-height: 1.5rem; + margin-bottom: .5rem; } - .section.risk-gradation .default-content-wrapper>p { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper > p { font-size: 0.875rem; - line-height: 20px; + line-height: 1.25rem; } - .section.risk-gradation .default-content-wrapper>ul { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul { margin-top: 0; + margin-left: 1.5rem; + list-style-type: disc; + overflow-y: unset; + height: unset; } - .section.risk-gradation .default-content-wrapper>ul>li>p { + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper ul> li { font-size: 0.875rem; - line-height: 20px; - padding: 0; + line-height: 1.5rem; + margin: 0; } - .section.risk-gradation .default-content-wrapper>ul>li::marker { - font-size: 0.875rem; - line-height: 24px; + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .close-button { + padding-right: 45px; + padding-top: 25px; } +} - .section.risk-gradation .default-content-wrapper>p>em { - top: 22px; +@media screen and (max-width:1024px) { + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .modal-content { + padding: 0; + overflow-y: unset; } - .section.risk-gradation .default-content-wrapper::after { - position: absolute; - background-color: #c4c4c4; - border-radius: 6px; - content: ""; + dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation-popup) .close-button { display: block; - height: 6px; - left: 50%; - margin: 8px auto auto; - position: absolute; - top: 0; - transform: translate(-50%); - width: 30px; } -} */ -/* @media screen and (min-width:768px) and (max-width:1024px) { - .section.risk-gradation>.default-content-wrapper { - padding: 40px 16px 12px; - } - - .section.risk-gradation .default-content-wrapper>p>em { - right: 24px; - top: 16px; + .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper::before { + width: 30px; + height: 6px; + background-color: rgb(196, 196, 196); } -} */ - -.dialog[open]:has(.modal-content .section.risk-gradation-popup) { - max-height: calc(100% - 100px); - border-radius: 16px; -} - -.dialog[open] .modal-content:has(.section.risk-gradation-popup) { - /* overflow: unset; */ - padding: 10px 85px; -} - -.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper h3 { - font-size: 2rem; - line-height: 2.5rem; - margin-bottom: .5rem; - font-family: Nunito-Extrabold, sans-serif; - font-weight: 800; - color: #000; -} - -.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper > p { - font-size: 1.125rem; - line-height: 1.5rem; - font-family: Nunito-Regular, sans-serif; - font-weight: 400; -} - -.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper ul { - margin-top: 1rem; - margin-left: 1.5rem; - padding: unset; - border: unset; - border-radius: unset; - list-style-type: disc; -} - -.dialog[open] .modal-content .section.risk-gradation-popup .default-content-wrapper ul> li { - font-size: 1.125rem; - line-height: 1.75rem; - font-family: Nunito-Regular, sans-serif; - font-weight: 400; - color: #000; - margin: 0; } \ No newline at end of file From 8940d63fe39c71fdf04a8e37a7ba1f06217f42f5 Mon Sep 17 00:00:00 2001 From: pashtepooja18 Date: Fri, 27 Sep 2024 13:04:01 +0530 Subject: [PATCH 4/5] risk gradation css added --- styles/risk-gradation-popup/risk-gradation-popup.css | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/styles/risk-gradation-popup/risk-gradation-popup.css b/styles/risk-gradation-popup/risk-gradation-popup.css index 0f6e7cff92..3c5dc4147d 100644 --- a/styles/risk-gradation-popup/risk-gradation-popup.css +++ b/styles/risk-gradation-popup/risk-gradation-popup.css @@ -61,6 +61,7 @@ dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation font-size: 1.125rem; line-height: 1.5rem; margin-bottom: .5rem; + margin-top: 5px; } .section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper > p { @@ -103,4 +104,10 @@ dialog[open]:has(.modal-content .section.support-contact-us-popup.risk-gradation height: 6px; background-color: rgb(196, 196, 196); } +} + +@media screen and (min-width:768px) and (max-width:1024px) { +.section.support-contact-us-popup.risk-gradation-popup .default-content-wrapper h3 { + margin-top: 25px; +} } \ No newline at end of file From 2037efda2ed16c8f996333d35c1d75e8efb1324e Mon Sep 17 00:00:00 2001 From: Om Gupta Date: Fri, 27 Sep 2024 17:39:26 +0530 Subject: [PATCH 5/5] https://devmarketing.piramalfinance.com/ added for sitemap.xml --- robots.txt | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/robots.txt b/robots.txt index 7369300e3a..0c3af53a77 100644 --- a/robots.txt +++ b/robots.txt @@ -14,4 +14,4 @@ Disallow: /*?* -Sitemap: https://uatmarketing.piramalfinance.com/sitemap-english.xml +Sitemap: https://devmarketing.piramalfinance.com/sitemap-english.xml