Add experimental stateful behaviour to the mouse config interface.
This commit is contained in:
@@ -134,10 +134,18 @@
|
||||
a {
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
|
||||
&.selected {
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
&.active {
|
||||
a {
|
||||
&.selected {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
&:after {
|
||||
content: '';
|
||||
display: block;
|
||||
|
||||
12
script.js
12
script.js
@@ -371,6 +371,18 @@ $(function() {
|
||||
$('.mouse__action--type li').removeClass('active');
|
||||
_this.parents('li').addClass('active');
|
||||
});
|
||||
|
||||
$('.mouse__action--config').on('click', '.btn', function(e) {
|
||||
var _buttons = $('.mouse__action--config .btn'),
|
||||
_mouseActionTypes = $('.mouse__action--type a'),
|
||||
_currentMouseAction = $('.mouse__action--type li.active a'),
|
||||
_this = $(this);
|
||||
|
||||
_buttons.removeClass('btn-primary');
|
||||
_this.addClass('btn-primary');
|
||||
_mouseActionTypes.removeClass('selected');
|
||||
_currentMouseAction.addClass('selected');
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
Reference in New Issue
Block a user