From fa8315eadc78060525f4f287a8a34129b4590a31 Mon Sep 17 00:00:00 2001
From: Santhoshkumar <117272529+Santhosh-testsigma@users.noreply.github.com>
Date: Mon, 29 Jul 2024 14:49:27 +0530
Subject: [PATCH 1/3] Revamped Cookie banner on tutorials page (#90)

---
 src/templates/page.scss | 166 +++++++++++++++++++++++++++++++++++-----
 1 file changed, 145 insertions(+), 21 deletions(-)

diff --git a/src/templates/page.scss b/src/templates/page.scss
index cc4998d..4912415 100644
--- a/src/templates/page.scss
+++ b/src/templates/page.scss
@@ -679,32 +679,156 @@ table{
 }
 
 // Cookie banner
-#hs-banner-parent{
-  .hs-cookie-notification-position-bottom{
-    width: calc(min(28em, 100%)) !important;
-    left: calc(min(15em, 100%)) !important;
+#hs-banner-parent {
+  a {
+    color: #09c0a1 !important;
+    &:hover {
+      color: #007d85 !important;
+      text-decoration: underline !important;
+    }
+  }
+  .hs-cookie-notification-position-bottom {
+    width: calc(min(26.5em, 100%)) !important;
+    left: calc(min(18.7em, 100%)) !important;
     @media only screen and (max-width: 767px) {
-      left: 3%;
-      bottom: 2%;
-      width: 95%;
-    }
-    @media only screen and (min-width:768px) and (max-width: 1023px) {
-      left: 20%;
-      bottom: 10%;
-      width: 35%;
-    }
-    #hs-eu-cookie-confirmation-inner{
-      @apply p-8;
-      #hs-eu-policy-wording{
-        @apply mr-0 mb-4;
+      left: 3% !important;
+      bottom: 2% !important;
+      max-width: 95% !important;
+    }
+    @media only screen and (min-width: 768px) and (max-width: 1023px) {
+      left: 20% !important;
+      bottom: 10% !important;
+      max-width: 35% !important;
+    }
+    #hs-eu-cookie-confirmation-inner {
+      padding: 2rem;
+      #hs-eu-policy-wording {
+        strong {
+          margin: 0 0 1rem 0;
+          font-size: 14px !important;
+          line-height: 24px !important;
+          color: #5f5f5f !important;
+          font-weight: 300 !important;
+        }
+      }
+      #hs-eu-cookie-confirmation-buttons-area {
+        justify-content: center;
+        margin-right: 0;
+        #hs-eu-confirmation-button-group {
+          flex-flow: row;
+          #hs-eu-cookie-settings-button {
+            padding: 1rem 2.5rem !important;
+            text-align: center !important;
+            font-size: 14px !important;
+            line-height: 2rem !important;
+            border: 0.5px solid #d0d5dd !important;
+            color: #0a1a2a !important;
+            min-width: 12em !important;
+            text-decoration: none !important;
+            }
+            #hs-eu-confirmation-button,
+            #hs-eu-cookie-settings-button {
+              font-weight: 600 !important;
+              border-radius: 0.5rem !important;
+            &:hover {
+              color: white !important;
+              background-color: #007d85 !important;
+              border-color: #007d85 !important;
+            }
+          }
+        }
+      }
+      #hs-eu-decline-button {
+        display: none;
       }
-      #hs-eu-cookie-confirmation-buttons-area{
-        @apply justify-center mr-0;
-        #hs-eu-decline-button{
-          @apply hidden;
+    }
+  }
+}
+#hs-modal {
+  a {
+    color: #09c0a1 !important;
+  }
+  #hs-modal-introduction {
+    font-size: 1.6rem !important;
+  }
+  #hs-modal-introduction-description {
+    p {
+      font-size: 1.4rem !important;
+      line-height: 2.4rem !important;
+      font-weight: 400 !important;
+      color: #5f5f5f !important;
+    }
+  }
+  #hs-modal-body-container{
+   gap: 0 !important; 
+  }
+  #hs-categories-container {
+    padding-top: 2rem !important;
+    .hs-category-row {
+      border-top: #d0d5ddbd !important;
+      border-style: solid !important;
+      border-width: 1px 0 0 0 !important;
+      padding: 1.5rem 1rem 0 !important;
+      .hs-toggle-switch {
+        width: calc(3.4em + 2px) !important;
+        height: calc(1.7em + 2px) !important;
+        .hs-toggle-switch-nob{
+          height: 1.4em !important;
+          width: 1.4em !important;
+        }
+      }
+      .hs-toggle-selected-flag{
+        .hs-toggle-switch-nob{
+          left: 56% !important;
         }
       }
+      .hs-category-label{
+        gap: .5rem !important;
+      }
+    }
+    #hs-category-analytics,
+    #hs-category-necessary,
+    #hs-category-advertisement,
+    #hs-category-functionality {
+      span {
+        font-size: 1.8rem !important;
+        line-height: 2.4rem !important;
+        font-weight: 600 !important;
+      }
     }
+    .hs-category-description {
+      font-size: 1.4rem !important;
+      line-height: 2rem !important;
+      font-weight: 400 !important;
+      color: #5f5f5f !important;
+    }
+    .visible {
+      padding-top: 1.5rem;
+      padding-left: 2rem !important;
+    }
+  }
+  .hs-always-active-label {
+    font-size: 1.4rem !important;
+    line-height: 2rem !important;
+    font-weight: 600 !important;
+    color: #09c0a1 !important;
+  }
+  #hs-modal-footer-container {
+    #hs-modal-accept-all {
+      order: 2 !important;
+    }
+    #hs-modal-accept-all,
+    #hs-modal-save-settings {
+      font-weight: 600 !important;
+      &:hover {
+        background-color: #007d85 !important;
+        border: #007d85 !important;
+        color: white !important;
+      }
+    }
+  }
+  #hs-modal-footer{
+    padding-top: 1.2rem !important;
   }
 }
 

From f402080afcf7d0155478929ebb21821bc1fc4ed4 Mon Sep 17 00:00:00 2001
From: Santhoshkumar <117272529+Santhosh-testsigma@users.noreply.github.com>
Date: Mon, 29 Jul 2024 16:52:54 +0530
Subject: [PATCH 2/3] [Fixed] -> Cookie banner UI issue (#92)

---
 src/templates/page.scss | 40 ++++++++++++++++++++--------------------
 1 file changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/templates/page.scss b/src/templates/page.scss
index 4912415..20825c7 100644
--- a/src/templates/page.scss
+++ b/src/templates/page.scss
@@ -717,10 +717,10 @@ table{
         #hs-eu-confirmation-button-group {
           flex-flow: row;
           #hs-eu-cookie-settings-button {
-            padding: 1rem 2.5rem !important;
+            padding: 10px 25px !important;
             text-align: center !important;
             font-size: 14px !important;
-            line-height: 2rem !important;
+            line-height: 20px !important;
             border: 0.5px solid #d0d5dd !important;
             color: #0a1a2a !important;
             min-width: 12em !important;
@@ -729,7 +729,7 @@ table{
             #hs-eu-confirmation-button,
             #hs-eu-cookie-settings-button {
               font-weight: 600 !important;
-              border-radius: 0.5rem !important;
+              border-radius: 5px !important;
             &:hover {
               color: white !important;
               background-color: #007d85 !important;
@@ -749,12 +749,12 @@ table{
     color: #09c0a1 !important;
   }
   #hs-modal-introduction {
-    font-size: 1.6rem !important;
+    font-size: 16px !important;
   }
   #hs-modal-introduction-description {
     p {
-      font-size: 1.4rem !important;
-      line-height: 2.4rem !important;
+      font-size: 14px !important;
+      line-height: 24px !important;
       font-weight: 400 !important;
       color: #5f5f5f !important;
     }
@@ -763,18 +763,18 @@ table{
    gap: 0 !important; 
   }
   #hs-categories-container {
-    padding-top: 2rem !important;
+    padding-top: 20px !important;
     .hs-category-row {
       border-top: #d0d5ddbd !important;
       border-style: solid !important;
       border-width: 1px 0 0 0 !important;
-      padding: 1.5rem 1rem 0 !important;
+      padding: 15px 10px 0 !important;
       .hs-toggle-switch {
         width: calc(3.4em + 2px) !important;
         height: calc(1.7em + 2px) !important;
         .hs-toggle-switch-nob{
-          height: 1.4em !important;
-          width: 1.4em !important;
+          height: 14px !important;
+          width: 14px !important;
         }
       }
       .hs-toggle-selected-flag{
@@ -783,7 +783,7 @@ table{
         }
       }
       .hs-category-label{
-        gap: .5rem !important;
+        gap: 5px !important;
       }
     }
     #hs-category-analytics,
@@ -791,25 +791,25 @@ table{
     #hs-category-advertisement,
     #hs-category-functionality {
       span {
-        font-size: 1.8rem !important;
-        line-height: 2.4rem !important;
+        font-size: 18px !important;
+        line-height: 24px !important;
         font-weight: 600 !important;
       }
     }
     .hs-category-description {
-      font-size: 1.4rem !important;
-      line-height: 2rem !important;
+      font-size: 14px !important;
+      line-height: 20px !important;
       font-weight: 400 !important;
       color: #5f5f5f !important;
     }
     .visible {
-      padding-top: 1.5rem;
-      padding-left: 2rem !important;
+      padding-top: 15px;
+      padding-left: 20px !important;
     }
   }
   .hs-always-active-label {
-    font-size: 1.4rem !important;
-    line-height: 2rem !important;
+    font-size: 14px !important;
+    line-height: 20px !important;
     font-weight: 600 !important;
     color: #09c0a1 !important;
   }
@@ -828,7 +828,7 @@ table{
     }
   }
   #hs-modal-footer{
-    padding-top: 1.2rem !important;
+    padding-top: 12px !important;
   }
 }
 

From 6314b7dbd1fce97c3b85ca21517d6e909558584f Mon Sep 17 00:00:00 2001
From: Santhoshkumar <117272529+Santhosh-testsigma@users.noreply.github.com>
Date: Mon, 29 Jul 2024 17:43:14 +0530
Subject: [PATCH 3/3] [Fixed] -> Toggle button UI issues (#93)

---
 src/templates/page.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/templates/page.scss b/src/templates/page.scss
index 20825c7..fb44733 100644
--- a/src/templates/page.scss
+++ b/src/templates/page.scss
@@ -770,8 +770,8 @@ table{
       border-width: 1px 0 0 0 !important;
       padding: 15px 10px 0 !important;
       .hs-toggle-switch {
-        width: calc(3.4em + 2px) !important;
-        height: calc(1.7em + 2px) !important;
+        width: calc(34px + 2px) !important;
+        height: calc(18px + 2px) !important;
         .hs-toggle-switch-nob{
           height: 14px !important;
           width: 14px !important;