FO: Add class selected to selected address

timactive · Jun 16, 2017 · 6feeca2 · 6feeca2
1 parent b4955c6
commit 6feeca2
Show file tree

Hide file tree

Showing 6 changed files with 21 additions and 3 deletions.
diff --git a/themes/_core/js/checkout-address.js b/themes/_core/js/checkout-address.js
@@ -31,4 +31,9 @@ export default function () {
     $('#checkout-addresses-step').trigger('click');
     prestashop.emit('editAddress');
   });
+
+  $('#delivery-addresses, #invoice-addresses input[type=radio]').on('click', function () {
+    $('.address-item').removeClass('selected');
+    $('.address-item:has(input[type=radio]:checked)').addClass('selected');
+  });
 }
diff --git a/themes/classic/_dev/css/components/checkout.scss b/themes/classic/_dev/css/components/checkout.scss
@@ -157,6 +157,7 @@ body#checkout {
       background: $gray-lighter;
       flex: 0 0 49%;
       margin-bottom: $small-space;
+      border: 3px solid transparent;
       &.selected {
         background: white;
         border: $brand-primary 3px solid;
@@ -174,6 +175,7 @@ body#checkout {
     .radio-block {
       padding: 0.9375rem;
       text-align: left;
+      cursor: pointer;
     }
     .custom-radio {
       margin-right: 0;

diff --git a/themes/classic/assets/css/theme.css b/themes/classic/assets/css/theme.css
diff --git a/themes/classic/assets/js/theme.js b/themes/classic/assets/js/theme.js
diff --git a/themes/core.js b/themes/core.js
diff --git a/themes/core.js.map b/themes/core.js.map