Merge pull request #235 from hlxsites/bug/modal-image

Updated the css code based on minor bugs
hlxsites · Dec 8, 2023 · f490142 · f490142
2 parents 1399981 + 7c06ddd
commit f490142
Show file tree

Hide file tree

Showing 3 changed files with 86 additions and 23 deletions.
diff --git a/blocks/model-image/model-image.js b/blocks/model-image/model-image.js
@@ -25,11 +25,11 @@ const setAttributes = (ele, attributes) => {
 export default function decorate(block) {
   const imgWrap = creteEleAddCls({ targetEle: 'div', classes: ['img-colorbox-popup', 'cboxElement'] });
   const pictureTag = block.querySelector('picture');
+  pictureTag.parentElement.remove();
   const pictureTagForZoom = pictureTag.cloneNode(true);
   addStyles(pictureTagForZoom, { cursor: 'pointer' });
   imgWrap.append(pictureTag);
   imgWrap.classList.add('image-wrapper');
-  block.textContent = '';
   block.append(imgWrap);
   const overlayDiv = creteEleAddCls({ targetEle: 'div', classes: [] });
   addStyles(overlayDiv, {

diff --git a/styles/Typo.css b/styles/Typo.css
@@ -469,16 +469,6 @@ 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";
@@ -940,7 +930,7 @@ body.mrna input[type="submit"]:hover {
     line-height: 1.1em!important;
 }
 
-.no-space {
+.no-inner-space {
     padding: 0!important;
 }
 
@@ -949,43 +939,78 @@ body.mrna input[type="submit"]:hover {
 }
 
 .h-space-10 {
-    padding: 0 10px!important;
+    padding-left: 10px!important;
+    padding-right: 10px!important;
 }
 
 .h-space-20 {
-    padding: 0 20px!important;
+    padding-left: 20px!important;
+    padding-right: 20px!important;
 }
 
 .h-space-30 {
-    padding: 0 30px!important;
+    padding-left: 30px!important;
+    padding-right: 30px!important;
 }
 
 .h-space-40 {
-    padding: 0 40px!important;
+    padding-left: 40px!important;
+    padding-right: 40px!important;
 }
 
 .h-space-50 {
-    padding: 0 50px!important;
+    padding-left: 50px!important;
+    padding-right: 50px!important;
 }
 
 .v-space-10 {
-    padding: 10px 0!important;
+    padding-top: 10px!important;
+    padding-bottom: 10px!important;
 }
 
 .v-space-20 {
-    padding: 20px 0!important;
+    padding-top: 20px!important;
+    padding-bottom: 20px!important;
 }
 
 .v-space-30 {
-    padding: 30px 0!important;
+    padding-top: 30px!important;
+    padding-bottom: 30px!important;
 }
 
 .v-space-40 {
-    padding: 40px 0!important;
+    padding-top: 40px!important;
+    padding-bottom: 40px!important;
 }
 
 .v-space-50 {
-    padding: 50px 0!important;
+    padding-top: 50px!important;
+    padding-bottom: 50px!important;
+}
+
+.v-space-60 {
+    padding-top: 60px!important;
+    padding-bottom: 60px!important;
+}
+
+.v-space-70 {
+    padding-top: 70px!important;
+    padding-bottom: 70px!important;
+}
+
+.v-space-80 {
+    padding-top: 80px!important;
+    padding-bottom: 80px!important;
+}
+
+.v-space-90 {
+    padding-top: 90px!important;
+    padding-bottom: 90px!important;
+}
+
+.v-space-100 {
+    padding-top: 100px!important;
+    padding-bottom: 100px!important;
 }
 
 .space-5 {
@@ -1050,6 +1075,28 @@ body.mrna input[type="submit"]:hover {
     grid-gap: 2%;
 }
 
+.grid-3 {
+    display: grid;
+    grid-template-columns: 1fr 2fr;
+    grid-gap: 4%;
+}
+
+.thank-you-layout {
+    display: grid;
+    grid-template-columns: 1fr 2fr;
+    grid-gap: 4%;
+    align-items: center;
+    padding-top: 70px;
+    padding-bottom: 70px;
+}
+
+@media (max-width: 767px) {
+    .thank-you-layout {
+        grid-template-columns: 1fr;
+        grid-gap: 0%;
+    }
+}
+
 .shadow {
     padding: 0!important;
     background-color: transparent;
@@ -1340,6 +1387,12 @@ body.mrna input[type="submit"]:hover {
     border-color: #f72e00 transparent transparent
 }
 
+.hs-richtext h1, .hs-richtext h2, .hs-richtext h3{
+    border: none!important;
+    padding-left: 0!important;
+    margin: 0!important;
+}
+
 form.hs-form .hs-input[type="checkbox"] {
     width: auto !important
 }

diff --git a/templates/Landing-page/Landing-page.css b/templates/Landing-page/Landing-page.css
@@ -8,7 +8,17 @@
     width: 48%;
 }
 
-input, select {
+.landing-section ul li::before {
+    color: var(--primary-color);
+    content: "\25A0";
+    font-size: 1em;
+    left: 0;
+    line-height: 100%;
+    position: absolute;
+    top: 0.45em;
+}
+
+.landing-section input, select {
     /* -webkit-appearance: none; */
     /* appearance: none; */
     /* width: 100% !important; */