mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-16 22:10:25 +00:00
Per @toddparker's comment, added boxshadow to link buttons. Also changed focus class on sliders to add to the handle, while excluding the toggle switch.
This commit is contained in:
parent
0c722fb8f7
commit
3ca5a8a85e
2 changed files with 10 additions and 4 deletions
|
|
@ -1128,7 +1128,12 @@ a.ui-link-inherit {
|
|||
/* Focus state - set here for specificity
|
||||
-----------------------------------------------------------------------------------------------------------*/
|
||||
|
||||
.ui-focus {
|
||||
.ui-btn:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
.ui-focus,
|
||||
.ui-btn:focus {
|
||||
-moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
||||
-webkit-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
||||
box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
|
||||
|
|
@ -1144,6 +1149,7 @@ a.ui-link-inherit {
|
|||
}
|
||||
|
||||
/* ...and bring back focus */
|
||||
.ui-mobile-nosupport-boxshadow .ui-focus {
|
||||
.ui-mobile-nosupport-boxshadow .ui-focus,
|
||||
.ui-mobile-nosupport-boxshadow .ui-btn:focus {
|
||||
outline-width: 2px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -186,11 +186,11 @@ $.widget( "mobile.slider", $.mobile.widget, {
|
|||
// NOTE force focus on handle
|
||||
this.handle.bind({
|
||||
focus: function() {
|
||||
slider.addClass( $.mobile.focusClass );
|
||||
( cType == 'select' ? slider : $( this ) ).addClass( $.mobile.focusClass );
|
||||
},
|
||||
|
||||
blur: function() {
|
||||
slider.removeClass( $.mobile.focusClass );
|
||||
( cType == 'select' ? slider : $( this ) ).removeClass( $.mobile.focusClass );
|
||||
},
|
||||
|
||||
vmousedown: function() {
|
||||
|
|
|
|||
Loading…
Reference in a new issue