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:
zachleat 2011-12-27 13:47:59 -06:00 committed by scottjehl
parent 0c722fb8f7
commit 3ca5a8a85e
2 changed files with 10 additions and 4 deletions

View file

@ -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;
}

View file

@ -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() {