Merge pull request #321 from maxmind-zendesk-theme/dallas/ccpa-icon

Add CCPA opt-out icon
maxmind-zendesk-theme · Jul 20, 2023 · 12315ff · 12315ff
2 parents 20378fc + 09fd3ad
commit 12315ff
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 2 deletions.
diff --git a/src/styles/_footer.scss b/src/styles/_footer.scss
@@ -219,7 +219,8 @@
   grid-column-gap: var(--mm-spacing);
 }
 
-.footer__status {
+.footer__status,
+.footer__ccpa {
   position: relative;
 }
 
@@ -238,6 +239,18 @@
   display: block !important;
 }
 
+
+.footer__ccpa-icon {
+  left: -10px;
+  position: absolute;
+  top: 57%;
+  transform: translate(-100%, -50%);
+
+  svg {
+    height: 14px;
+  }
+}
+
 .footer__termsLink {
   color: var(--mm-color-background);
   text-decoration: none;

diff --git a/src/templates/footer.hbs b/src/templates/footer.hbs
@@ -38,7 +38,12 @@
           <span class="footer__link">System Status</span>
         </a>
         <a class="footer__link" href="https://www.maxmind.com/en/geoip-data-correction-request">GeoIP Data Correction Request</a>
-        <a class="footer__link" href="https://www.maxmind.com/en/opt-out">Do Not Sell My Personal Information</a>
+        <a class="footer__link footer__ccpa" href="https://www.maxmind.com/en/opt-out">
+          <span class="footer__ccpa-icon">
+            <include src="svg/icon-ccpa-opt-out.svg"></include>
+          </span>
+          <span class="footer__link">Your Privacy Choices</span>
+        </a>
         <a class="footer__link" href="https://www.maxmind.com/en/privacy-policy#california-notice-of-collection">Notice of Collection</a>
       </div>
       <div class="footer__group footer__group__developers">

diff --git a/src/templates/partials/svg/icon-ccpa-opt-out.svg b/src/templates/partials/svg/icon-ccpa-opt-out.svg