KAW-7680 Refactor after CR

Netcentric · Jul 25, 2024 · 8038410 · 8038410
1 parent ba259df
commit 8038410
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/blocks/footer/footer.css b/blocks/footer/footer.css
@@ -1,6 +1,6 @@
 footer {
   background-color: #222;
-  color: #fff;
+  color: var(--c-primary-white);
 }
 
 .footer .section {
@@ -59,19 +59,19 @@ footer {
 }
 
 .footer .footer-list-item a {
-  color: #fff;
+  color: var(--c-primary-white);
   display: flex;
   gap: 15px;
   align-items: center;
 }
 
 .footer .footer-list-item a:hover,
 .footer .footer-list-item a:active {
-  color: #fff;
+  color: var(--c-primary-white);
   text-decoration: none;
 }
 
-.footer #back-to-top {
+.footer .back-to-top {
   position: relative;
   display: flex;
   flex-direction: column;
@@ -86,12 +86,12 @@ footer {
   line-height: 24px;
 }
 
-.footer #back-to-top:hover,
-.footer #back-to-top:focus {
+.footer .back-to-top:hover,
+.footer .back-to-top:focus {
   color: rgb(255 255 255 / 70%);
 }
 
-.footer #back-to-top svg {
+.footer .back-to-top svg {
   padding: 5px;
 }
 

diff --git a/blocks/footer/footer.js b/blocks/footer/footer.js
@@ -58,15 +58,15 @@ export default async function decorate(block) {
   const backToTopText = getTextLabel('top');
 
   const backToTopNode = document.createRange().createContextualFragment(`
-    <button id="back-to-top">
+    <button class="back-to-top">
       ${backToTopIcon}
       <span>${backToTopText}</span>
     </button>
   `);
 
   footer.querySelector('.section:last-child').prepend(backToTopNode);
 
-  footer.querySelector('#back-to-top').addEventListener('click', () => {
+  footer.querySelector('.back-to-top').addEventListener('click', () => {
     window.scrollTo({
       top: 0,
       behavior: 'smooth',