Permalink
Browse files

Button: Adjustments to selectors ui-btn-left and -right CSS rules. Fixes

  • Loading branch information...
jaspermdegroot committed Apr 24, 2013
1 parent 47af5b2 commit 287d3796fd64e2ee020967a89afec08a6dbca9c2
Showing with 31 additions and 22 deletions.
  1. +30 −6 css/structure/jquery.mobile.button.css
  2. +1 −16 css/structure/jquery.mobile.core.css
@@ -82,12 +82,6 @@ button.ui-btn-icon-notext {
margin-right: 5px;
margin-left: 5px;
}
-.ui-btn-left,
-.ui-btn-right,
-.ui-btn-left > .ui-btn,
-.ui-btn-right > .ui-btn {
- margin: 0;
-}
.ui-header .ui-btn-icon-top,
.ui-footer .ui-btn-icon-top,
.ui-header .ui-btn-icon-bottom,
@@ -96,6 +90,36 @@ button.ui-btn-icon-notext {
padding-right: 3px;
}
+.ui-btn-left,
+.ui-btn-right {
+ position: absolute;
+ top: 3px;
+}
+.ui-btn-left,
+.ui-btn-right,
+.ui-btn-left > .ui-btn,
+.ui-btn-right > .ui-btn {
+ margin: 0;
+}
+.ui-btn-left {
+ left: 5px;
+}
+.ui-btn-right {
+ right: 5px;
+}
+.ui-btn-left.ui-btn-icon-notext,
+.ui-btn-right.ui-btn-icon-notext {
+ top: 6px;
+}
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-left,
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-right {
+ top: 4px;
+}
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-left.ui-btn-icon-notext,
+.ui-header-fixed:not(.ui-fixed-hidden) .ui-btn-right.ui-btn-icon-notext {
+ top: 7px;
+}
+
/*hiding native inputs */
.ui-btn-hidden {
position: absolute;
@@ -46,22 +46,7 @@ div.ui-mobile-viewport { overflow-x: hidden; }
.ui-header, .ui-footer { position: relative; zoom: 1; }
.ui-mobile .ui-header, .ui-mobile .ui-footer { border-left-width: 0; border-right-width: 0; }
-.ui-header .ui-btn-left,
-.ui-header .ui-btn-right,
-.ui-footer .ui-btn-left,
-.ui-footer .ui-btn-right,
-.ui-header-fixed.ui-fixed-hidden .ui-btn-left,
-.ui-header-fixed.ui-fixed-hidden .ui-btn-right { position: absolute; top: 3px; }
-.ui-header-fixed .ui-btn-left,
-.ui-header-fixed .ui-btn-right { top: 4px;}
-.ui-header .ui-btn-left,
-.ui-footer .ui-btn-left { left: 5px; }
-.ui-header .ui-btn-right,
-.ui-footer .ui-btn-right { right: 5px; }
-.ui-footer > .ui-btn-icon-notext,
-.ui-header > .ui-btn-icon-notext,
-.ui-header-fixed.ui-fixed-hidden > .ui-btn-icon-notext { top: 6px; }
-.ui-header-fixed > .ui-btn-icon-notext { top: 7px;}
+
.ui-header .ui-title, .ui-footer .ui-title { min-height: 1.1em; text-align: center; font-size: 16px; display: block; margin: .6em 30% .8em; padding: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; outline: 0 !important; }
.ui-footer .ui-title { margin: .6em 15px .8em; }

0 comments on commit 287d379

Please sign in to comment.