wickes-css2 2.97.0-develop.5 → 2.97.0-develop.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "wickes-css2",
-  "version": "2.97.0-develop.5",
+  "version": "2.97.0-develop.6",
   "description": "CSS and JS and page templates in use by Wickes",
   "main": "index.js",
   "scripts": {

package/src/components/big-wins.hbs

@@ -58,11 +58,11 @@
                         {{#if switch-vat}}
                             <div class="stock__price including-vat-inherit">
                                 £<span class="stock__price-val">149.99</span>
-                                <div class="popover-mini-basket__price-vat">Inc.VAT</div>
+                                <div class="price-vat">Inc.VAT</div>
                             </div>
                             <div class="stock__price excluding-vat-inherit">
                                 £<span class="stock__price-val">149.99</span>
-                                <div class="popover-mini-basket__price-vat">Exc.VAT</div>
+                                <div class="price-vat">Exc.VAT</div>
                             </div>
                         {{else}}
                             <div class="stock__price">
@@ -122,11 +122,11 @@
                                 {{#if switch-vat}}
                                     <div class="stock__cost including-vat-inherit">
                                         £<span class="stock__cost-val">149.99</span>
-                                        <div class="popover-mini-basket__price-vat">Inc.VAT</div>
+                                        <div class="price-vat">Inc.VAT</div>
                                     </div>
                                     <div class="stock__cost excluding-vat-inherit">
                                         £<span class="stock__cost-val">149.99</span>
-                                        <div class="popover-mini-basket__price-vat">Exc.VAT</div>
+                                        <div class="price-vat">Exc.VAT</div>
                                     </div>
                                 {{else}}
                                     <div class="stock__cost">

package/src/components/voucher.hbs

@@ -42,7 +42,8 @@
               </div>
               <div class="my-3">
                 <div class="voucher__code-field copy-tradePro-barcode">
-                  <input type="text" value="{{online.code}}" disabled>
+                  <span>{{online.code}}</span>
+                  <input type="hidden" value="{{online.code}}" disabled>
                   <span class="icon">
                     <i class="fas fa-copy"></i>
                   </span>

package/src/data/data_voucher_tradePro.json

@@ -41,7 +41,7 @@
         "label": "Online-only",
         "title": "TradePro custom title",
         "note": "Don't forget to use this code on checkout",
-        "code": "WPRAJU119",
+        "code": "TPRNUR19-E9X9-XK2B",
         "buttonText": "Shop now",
         "buttonLink": "#"
       },

package/src/scss/components/_big-wins.scss

@@ -220,7 +220,7 @@
       display: flex;
       align-items: baseline;
 
-      .popover-mini-basket__price-vat {
+      .price-vat {
         margin-left: .25rem;
       }
     }
@@ -331,19 +331,17 @@
     &__cost {
       display: flex;
       align-items: baseline;
-    }
-
-    &__cost,
-    &__amount {
-      font-size: .875rem;
-      font-weight: 500;
+      font-size: .9375rem;
+      font-weight: 700;
 
-      .popover-mini-basket__price-vat {
+      .price-vat {
         margin-left: .25rem;
       }
     }
 
     &__amount {
+      font-size: .875rem;
+      font-weight: 500;
       padding-bottom: 5px;
     }
 

package/src/scss/components/_cards-slider.scss

@@ -86,3 +86,11 @@
     }
   }
 }
+
+@include media-breakpoint-up(xl) {
+  .cards-slider {
+    .swiper-container {
+      overflow: hidden;
+    }
+  }
+}

package/src/scss/pages/tradePro-rewards.scss

@@ -120,7 +120,6 @@ $voucher-cell-height-xl: 296px;
 
     &__code-field {
       display: inline-block;
-      height: 40px;
       padding: 8px 16px;
       background: $ma-white;
       border-radius: $border-radius;