Enhance product selection UI
- Added cursor pointer style to the product selection area for better user experience. - Updated click event handler to toggle active state on the new '.control-label-nav' class, improving the interaction for selecting products.
This commit is contained in:
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -708,6 +708,7 @@ body#product {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
|
||||
&.active {
|
||||
.form-control-select-standard-handler {
|
||||
|
||||
@@ -38,10 +38,10 @@ jQuery(document).ready(function ($) {
|
||||
});
|
||||
|
||||
|
||||
$(document).on('click', '.form-control-select-standard-handler', function () {
|
||||
$(this).parent().toggleClass('active');
|
||||
$(this).parent().parent().parent().toggleClass('active');
|
||||
$(this).parent().siblings('.form-control-select-custom').slideToggle();
|
||||
$(document).on('click', '.control-label-nav', function () {
|
||||
$(this).toggleClass('active');
|
||||
$(this).parent().parent().toggleClass('active');
|
||||
$(this).siblings('.form-control-select-custom').slideToggle();
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user