Permalink
Browse files

Adjust ui-focus to improve the focus style for grouped buttons

  • Loading branch information...
1 parent ebace70 commit 910071796c6fedfe2ed8b1520e7417fff338639e @jaspermdegroot jaspermdegroot committed Jun 21, 2012
Showing with 7 additions and 3 deletions.
  1. +7 −3 css/themes/default/jquery.mobile.theme.css
@@ -1163,11 +1163,15 @@ a.ui-link-inherit {
outline: 0;
}
+.ui-btn.ui-focus {
+ z-index: 1;
+}
+
.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}*/;
+ -moz-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
+ -webkit-box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
+ box-shadow: inset 0px 0px 3px #387bbe /*{global-active-background-color}*/, 0px 0px 9px #387bbe /*{global-active-background-color}*/;
}
/* unset box shadow in browsers that don't do it right

0 comments on commit 9100717

Please sign in to comment.