style: fix qty buttons style after bootstrap-touchspin package upgrade

PrestaShop · Sep 26, 2024 · 57c64e0 · 57c64e0
1 parent f1aa9b4
commit 57c64e0
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 8 deletions.
diff --git a/_dev/css/components/products.scss b/_dev/css/components/products.scss
@@ -150,8 +150,6 @@
     width: auto;
 
     .btn {
-      padding: 0.5rem 0.6875rem;
-
       i {
         top: 0.125rem;
         left: 0.1875rem;

diff --git a/_dev/css/partials/_commons.scss b/_dev/css/partials/_commons.scss
@@ -623,3 +623,7 @@ input[type="number"] {
 .ui-autocomplete.ui-front {
   z-index: 999;
 }
+
+.btn.btn-touchspin.js-touchspin.bootstrap-touchspin-up {
+  border-radius: 0;
+}
diff --git a/_dev/js/cart.js b/_dev/js/cart.js
@@ -72,8 +72,8 @@ function createSpin() {
   $.each($(spinnerSelector), (index, spinner) => {
     $(spinner).TouchSpin({
       verticalbuttons: true,
-      verticalupclass: 'material-icons touchspin-up',
-      verticaldownclass: 'material-icons touchspin-down',
+      verticalupclass: 'glyphicon glyphicon-plus',
+      verticaldownclass: 'glyphicon glyphicon-minus',
       buttondown_class: 'btn btn-touchspin js-touchspin js-increase-product-quantity',
       buttonup_class: 'btn btn-touchspin js-touchspin js-decrease-product-quantity',
       min: parseInt($(spinner).attr('min'), 10),

diff --git a/_dev/js/listing.js b/_dev/js/listing.js
@@ -99,8 +99,8 @@ $(document).ready(() => {
     }
     qv.find(prestashop.selectors.quantityWanted).TouchSpin({
       verticalbuttons: true,
-      verticalupclass: 'material-icons touchspin-up',
-      verticaldownclass: 'material-icons touchspin-down',
+      verticalupclass: 'glyphicon glyphicon-plus',
+      verticaldownclass: 'glyphicon glyphicon-minus',
       buttondown_class: 'btn btn-touchspin js-touchspin',
       buttonup_class: 'btn btn-touchspin js-touchspin',
       min: 1,

diff --git a/_dev/js/product.js b/_dev/js/product.js
@@ -120,8 +120,8 @@ $(document).ready(() => {
 
     $quantityInput.TouchSpin({
       verticalbuttons: true,
-      verticalupclass: 'material-icons touchspin-up',
-      verticaldownclass: 'material-icons touchspin-down',
+      verticalupclass: 'glyphicon glyphicon-plus',
+      verticaldownclass: 'glyphicon glyphicon-minus',
       buttondown_class: 'btn btn-touchspin js-touchspin',
       buttonup_class: 'btn btn-touchspin js-touchspin',
       min: parseInt($quantityInput.attr('min'), 10),