Hopiu/jquery-mobile
1
0
Fork 0
mirror of https://github.com/Hopiu/jquery-mobile.git synced 2026-05-26 14:53:59 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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.

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
css/themes/default/jquery.mobile.theme.css
View file

@ -1128,7 +1128,12 @@ a.ui-link-inherit {
/* Focus state - set here for specificity /* 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}*/; -moz-box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
-webkit-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}*/; box-shadow: 0px 0px 12px #387bbe /*{global-active-background-color}*/;
@ -1144,6 +1149,7 @@ a.ui-link-inherit {
} }
/* ...and bring back focus */ /* ...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; outline-width: 2px;
} }

4
js/jquery.mobile.forms.slider.js
View file

@ -186,11 +186,11 @@ $.widget( "mobile.slider", $.mobile.widget, {
// NOTE force focus on handle // NOTE force focus on handle
this.handle.bind({ this.handle.bind({
focus: function() { focus: function() {
slider.addClass( $.mobile.focusClass ); ( cType == 'select' ? slider : $( this ) ).addClass( $.mobile.focusClass );
}, },
blur: function() { blur: function() {
slider.removeClass( $.mobile.focusClass ); ( cType == 'select' ? slider : $( this ) ).removeClass( $.mobile.focusClass );
}, },
vmousedown: function() { vmousedown: function() {