Merge pull request #232 from hlxsites/bug/news-issues

Minor issues
hlxsites · Dec 8, 2023 · 104e7f9 · 104e7f9
2 parents 3aa3a91 + 09d9c69
commit 104e7f9
Show file tree

Hide file tree

Showing 7 changed files with 107 additions and 6 deletions.
diff --git 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
@@ -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
@@ -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
@@ -7,3 +7,21 @@
   border-radius: 4px;
   display: block;
 }
+
+.sidebar-form h2:first-child {
+  padding-top: 0!important;
+}
+
+.sidebar-form h3:first-child {
+  padding-top: 0!important;
+}
+
+.grey-forms {
+  border: 1px solid #ccc;
+  padding: 10px 15px;
+  background-color: #eee;
+}
+
+.hs_submit .actions .hs-button {
+  width: 100%;
+} 
diff --git 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;
@@ -904,6 +914,11 @@ body.mrna input[type="submit"]:hover {
     display: flex;
 }
 
+.width-flex {
+    display: flex;
+    flex-wrap: nowrap;
+}
+
 .flex-row {
     flex-direction: row;
 }
@@ -925,6 +940,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 +1012,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,14 +1404,42 @@ 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;
     font-size: 44px;
     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
@@ -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
@@ -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;