removed unnecessary css logic

bitdefender · Jan 23, 2025 · 708c35d · 708c35d
1 parent b68f877
commit 708c35d
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 32 deletions.
diff --git a/_src-lp/blocks/products-sideview/products-sideview.css b/_src-lp/blocks/products-sideview/products-sideview.css
@@ -41,16 +41,6 @@
   margin-right: 8px;
 }
 
-.products-sideview .prod-save, .products-sideview .prod-percent {
-  margin-bottom: 10px;
-  color: #1C7928;
-  font-size: 16px;
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-  gap: 3px;
-}
-
 .products-sideview .price-element-wrapper {
   margin: 20px 0;
   font-family: Arial, sans-serif;
@@ -244,12 +234,12 @@
   display: none;
 }
 
-@media (min-width: 480px) {
+@media (width >= 480px) {
   .products-sideview .features-tabs li > a {
     font-size: 16px;
   }
 }
-@media (min-width: 768px) {
+@media (width >= 768px) {
   .products-sideview .features-wrapper {
     border-radius: 0 20px 20px 0;
     width: 50%;
@@ -291,7 +281,7 @@
     display: none;
   }
 }
-@media (min-width: 993px) {
+@media (width >= 993px) {
   .products-sideview.features-3-cols > div > div {
     width: calc(33.33% - 30px);
     margin: 0 15px;
@@ -303,7 +293,7 @@
     display: none;
   }
 }
-@media (min-width: 1200px) {
+@media (width >= 1200px) {
   .products-sideview .pricing-wrapper {
     width: 33.33%;
   }
@@ -320,7 +310,7 @@
     font-size: var(--body-font-size-xs);
   }
 }
-@media (min-width: 1600px) { /* large desktop */
+@media (width >= 1600px) { /* large desktop */
   .products-sideview-wrapper {
     max-width: var(--section-large-desktop-max-width);
     padding: 0 var(--section-large-desktop-padding);

diff --git a/_src-lp/blocks/products-sideview/products-sideview.js b/_src-lp/blocks/products-sideview/products-sideview.js
@@ -245,7 +245,6 @@ function renderRadioGroup(block) {
 
 function renderPrice(block, ...price) {
   const variant = 'vsbm51';
-  const saveText = state.blockDataset.saveText;
   const priceZone = document.createElement('div');
   priceZone.classList.add('price-element-wrapper');
   const btnText = block.querySelector('a').textContent;
@@ -257,7 +256,6 @@ function renderPrice(block, ...price) {
     pricesBox.innerHTML = `<div>
         <div class="display-flex">
           <span class="prod-oldprice oldprice-${productCode}-${prodUsers}${prodYears}"></span>
-          <span class="percent prod-percent"> ${saveText ?? ''} <span class="percent-${productCode}-${prodUsers}${prodYears}"> 0%</span></span>
         </div>
         <div class="display-flex">
           <span class="prod-newprice newprice-${productCode}-${prodUsers}${prodYears}"></span>

diff --git a/_src-lp/blocks/products-sideview/products-sideview.scss b/_src-lp/blocks/products-sideview/products-sideview.scss
@@ -41,16 +41,6 @@
     margin-right: 8px;
   }
 
-  .products-sideview .prod-save, .products-sideview .prod-percent {
-    margin-bottom: 10px;
-    color: #1C7928;
-    font-size: 16px;
-    font-weight: bold;
-    display: flex;
-    align-items: center;
-    gap: 3px;
-  }
-
   .products-sideview .price-element-wrapper {
     margin: 20px 0;
     font-family: Arial, sans-serif;
@@ -244,13 +234,13 @@
     display: none;
   }
 
-  @media (min-width >= 480px) {
+  @media (width >= 480px) {
     .products-sideview .features-tabs li > a {
       font-size: 16px;
     }
   }
 
-  @media (min-width >= 768px) {
+  @media (width >= 768px) {
     .products-sideview .features-wrapper {
       border-radius: 0 20px 20px 0;
       width: 50%;
@@ -302,7 +292,7 @@
     }
   }
 
-  @media (min-width >= 993px) {
+  @media (width >= 993px) {
     .products-sideview.features-3-cols > div > div {
       width: calc(33.33% - 30px);
       margin: 0 15px;
@@ -318,7 +308,7 @@
 
   }
 
-  @media (min-width >= 1200px) {
+  @media (width >= 1200px) {
     .products-sideview .pricing-wrapper {
       width: 33.33%;
     }
@@ -339,7 +329,7 @@
     }
   }
 
-  @media (min-width >= 1600px) { /* large desktop */
+  @media (width >= 1600px) { /* large desktop */
     .products-sideview-wrapper {
       max-width: var(--section-large-desktop-max-width);
       padding: 0 var(--section-large-desktop-padding);