From f3518dcf93edcd1d18909a58ddb6d2c676a2fd04 Mon Sep 17 00:00:00 2001 From: TeshuKatepalli Date: Fri, 8 Dec 2023 14:31:32 +0530 Subject: [PATCH 1/2] Updated the minor bugs --- blocks/accordion/accordion.css | 1 + blocks/embed/lite-yt-embed/lite-yt-embed.css | 2 +- blocks/modalimageslider/modalimageslider.css | 8 ++- blocks/sidebar-form/sidebar-form.css | 18 +++++ styles/Typo.css | 74 +++++++++++++++++++- templates/Landing-page/Landing-page.css | 3 + templates/News/News.js | 2 +- 7 files changed, 102 insertions(+), 6 deletions(-) diff --git a/blocks/accordion/accordion.css b/blocks/accordion/accordion.css index 19cd3f3b..bb968660 100644 --- a/blocks/accordion/accordion.css +++ b/blocks/accordion/accordion.css @@ -71,6 +71,7 @@ main .section.green .accordion.faq-accordion a { main .accordion.faq-accordion .faq-answer { padding: 0 20px; + padding-bottom: 0.6em; display: none; overflow: hidden; font-size: 16px; diff --git a/blocks/embed/lite-yt-embed/lite-yt-embed.css b/blocks/embed/lite-yt-embed/lite-yt-embed.css index ee39be5d..b3d06467 100644 --- a/blocks/embed/lite-yt-embed/lite-yt-embed.css +++ b/blocks/embed/lite-yt-embed/lite-yt-embed.css @@ -6,7 +6,7 @@ lite-youtube { background-position: center center; background-size: cover; cursor: pointer; - max-width: 720px; + max-width: 100%; } /* gradient */ diff --git a/blocks/modalimageslider/modalimageslider.css b/blocks/modalimageslider/modalimageslider.css index d80bff42..5dbacc54 100644 --- a/blocks/modalimageslider/modalimageslider.css +++ b/blocks/modalimageslider/modalimageslider.css @@ -19,10 +19,14 @@ .hs-image__grid__list__item { flex-basis: calc(30%); - margin: 0; + margin: 0!important; overflow: hidden; position: relative; - padding: 0 + padding: 0!important; +} + +.hs-image__grid__list .hs-image__grid__list__item::before { + content: ''!important; } button.hs-image__grid__list__item__button { diff --git a/blocks/sidebar-form/sidebar-form.css b/blocks/sidebar-form/sidebar-form.css index 5e6327b2..1b3c06bf 100644 --- a/blocks/sidebar-form/sidebar-form.css +++ b/blocks/sidebar-form/sidebar-form.css @@ -7,3 +7,21 @@ border-radius: 4px; display: block; } + +.sidebar-form h2:first-child { + padding-top: 0px!important; +} + +.sidebar-form h3:first-child { + padding-top: 0px!important; +} + +.grey-forms { + border: 1px solid #ccc; + padding: 10px 15px; + background-color: #eee; +} + +.hs_submit .actions .hs-button { + width: 100%; +} \ No newline at end of file diff --git a/styles/Typo.css b/styles/Typo.css index 64614592..9f778922 100644 --- a/styles/Typo.css +++ b/styles/Typo.css @@ -469,6 +469,16 @@ ol li { padding: 0.3em 0; } +.section ul li::before { + color: var(--primary-color); + content: "\25A0"; + font-size: 1em; + left: 0; + line-height: 100%; + position: absolute; + top: 0.45em; +} + #content ul li::before { color: var(--primary-color); content: "\25A0"; @@ -628,7 +638,7 @@ input[type="submit"] { font-weight: 400; line-height: 100%; margin: 0; - padding: .8em 1.3em!important; + padding: .8em 1.3em; text-align: center; text-decoration: none; text-transform: uppercase; @@ -925,6 +935,14 @@ body.mrna input[type="submit"]:hover { line-height: 1.1em!important; } +.no-space { + padding: 0!important; +} + +.no-outer-space { + margin: 0!important; +} + .h-space-10 { padding: 0 10px!important; } @@ -989,6 +1007,30 @@ body.mrna input[type="submit"]:hover { padding: 50px!important; } +.width-50 { + width: 50%!important; +} + +.width-60 { + width: 60%!important; +} + +.width-70 { + width: 70%!important; +} + +.width-80 { + width: 80%!important; +} + +.width-90 { + width: 90%!important; +} + +.width-100 { + width: 100%!important; +} + .bg-grey { background-color: #ededed!important; } @@ -1357,7 +1399,27 @@ form.hs-form .hs-input[type="checkbox"] { color: #fff; } -.hero > div:nth-child(2) h2 { +.hero.large{ + display: flex; + flex-direction: column; + position: relative; + height: 450px; + background-color: var(--primary-color); +} + +.hero.large > div:nth-child(1) picture > img { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + height: 450px; + width: 100%; + object-fit: cover; +} + +.hero > div:nth-child(2) h1 { line-height: 1.2; padding: 0; color: white; @@ -1365,6 +1427,14 @@ form.hs-form .hs-input[type="checkbox"] { text-shadow: 0 0 6px rgba(0,0,0,50%); } +.hero > div:nth-child(2) h2 { + line-height: 1.2; + padding: 0; + color: white; + font-size: 32px; + text-shadow: 0 0 6px rgba(0,0,0,50%); +} + .hero > div:nth-child(2) h3 { line-height: 1.2; padding: 0; diff --git a/templates/Landing-page/Landing-page.css b/templates/Landing-page/Landing-page.css index edfd8bc0..9d359b47 100644 --- a/templates/Landing-page/Landing-page.css +++ b/templates/Landing-page/Landing-page.css @@ -33,6 +33,9 @@ input[type="submit"]:hover { } @media (max-width: 950px) { + .landing-section { + padding: 50px 20px; + } .landing-section .float-left { width: 100%; float: none; diff --git a/templates/News/News.js b/templates/News/News.js index 6026e630..68595423 100644 --- a/templates/News/News.js +++ b/templates/News/News.js @@ -16,7 +16,7 @@ function createSidebar(head, items, displayLimit) { const li = document.createElement('li'); const link = document.createElement('a'); link.textContent = `${title} (${count})`; - link.setAttribute('href', `${window.location.pathname}?${head.toLowerCase()}=${title.replace(' ', '-')}`); + link.setAttribute('href', `/about-us/news/?${head.toLowerCase()}=${title.replace(' ', '-')}`); li.appendChild(link); ul.appendChild(li); itemCount += 1; From 09d9c69cb34de80febd14a35e9cfb3716a81c364 Mon Sep 17 00:00:00 2001 From: TeshuKatepalli Date: Fri, 8 Dec 2023 14:40:35 +0530 Subject: [PATCH 2/2] Removed lint issues --- blocks/sidebar-form/sidebar-form.css | 4 ++-- styles/Typo.css | 5 +++++ 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/blocks/sidebar-form/sidebar-form.css b/blocks/sidebar-form/sidebar-form.css index 1b3c06bf..c6d2edc6 100644 --- a/blocks/sidebar-form/sidebar-form.css +++ b/blocks/sidebar-form/sidebar-form.css @@ -9,11 +9,11 @@ } .sidebar-form h2:first-child { - padding-top: 0px!important; + padding-top: 0!important; } .sidebar-form h3:first-child { - padding-top: 0px!important; + padding-top: 0!important; } .grey-forms { diff --git a/styles/Typo.css b/styles/Typo.css index 9f778922..d871d338 100644 --- a/styles/Typo.css +++ b/styles/Typo.css @@ -914,6 +914,11 @@ body.mrna input[type="submit"]:hover { display: flex; } +.width-flex { + display: flex; + flex-wrap: nowrap; +} + .flex-row { flex-direction: row; }