Merge pull request #485 from bitdefender/webview-fixes

Rename loader class to loader-circle and update related styles and sc…
bitdefender · Jan 14, 2025 · ebee653 · ebee653
2 parents 49d6cf9 + d1a4761
commit ebee653
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 20 deletions.
diff --git a/_src/blocks/mbox-canvas/mbox-canvas.js b/_src/blocks/mbox-canvas/mbox-canvas.js
@@ -40,7 +40,7 @@ export default async function decorate(block) {
 
     </div>
   `;
-  block.classList.add('loader');
+  block.classList.add('loader-circle');
   const offer = await Target.getOffers([{
     name: mboxName,
     parameters,

diff --git a/_src/scripts/scripts.js b/_src/scripts/scripts.js
@@ -525,9 +525,10 @@ async function loadPage() {
     element.classList.remove('await-loader');
   });
 
-  const awaitLoader = document.querySelectorAll('.loader');
-  awaitLoader.forEach((element) => {
-    element.classList.remove('loader');
+  // loader circle used in mbox-canvas
+  const loaderCircle = document.querySelectorAll('.loader-circle');
+  loaderCircle.forEach((element) => {
+    element.classList.remove('loader-circle');
   });
 
   adobeMcAppendVisitorId('main');

diff --git a/_src/styles/styles.css b/_src/styles/styles.css
@@ -1626,17 +1626,6 @@ main .section.blue a.button.modal::after {
   visibility: hidden;
 }
 
-.loader {
-  width: 48px;
-  height: 48px;
-  border: 5px solid #006EFF;;
-  border-bottom-color: transparent;
-  border-radius: 50%;
-  display: inline-block;
-  box-sizing: border-box;
-  animation: rotation 1s linear infinite;
-}
-
 .loader-circle {
   width: 48px !important;
   height: 48px !important;
@@ -1663,11 +1652,6 @@ main .section.blue a.button.modal::after {
   }
 }
 
-.loader * {
-  visibility: hidden;
-  display: none;
-}
-
 @media (min-width: 768px) {
   .buttons-align-right > div {
     flex-direction: row;