Permalink
Browse files

Core: Width auto for inline button elements in toolbars

Fixes gh-7232
Closes gh-7446
  • Loading branch information...
1 parent 39786a2 commit 05f409dab318cfeea46e4f6134dcef846be34ad8 @jaspermdegroot jaspermdegroot committed May 29, 2014
Showing with 9 additions and 3 deletions.
  1. +6 −2 css/structure/jquery.mobile.core.css
  2. +3 −1 css/structure/jquery.mobile.grid.css
@@ -237,7 +237,9 @@ div.ui-mobile-viewport {
-ms-user-select: none;
user-select: none;
}
-.ui-btn-icon-notext {
+.ui-btn-icon-notext,
+.ui-header button.ui-btn.ui-btn-icon-notext,
+.ui-footer button.ui-btn.ui-btn-icon-notext {
padding: 0;
width: 1.75em;
height: 1.75em;
@@ -383,7 +385,9 @@ button.ui-btn,
-moz-appearance: none;
width: 100%;
}
-button.ui-btn-inline {
+button.ui-btn-inline,
+.ui-header button.ui-btn,
+.ui-footer button.ui-btn {
width: auto;
}
/* Firefox adds a 1px border in a button element. We negate this to make sure they have the same height as other buttons in controlgroups. */
@@ -49,7 +49,9 @@ li.ui-block-e {
[class*="ui-block-"] > .ui-checkbox,
[class*="ui-block-"] > .ui-radio,
[class*="ui-block-"] > button.ui-btn-inline,
-[class*="ui-block-"] > button.ui-btn-icon-notext {
+[class*="ui-block-"] > button.ui-btn-icon-notext,
+.ui-header [class*="ui-block-"] > button.ui-btn,
+.ui-footer [class*="ui-block-"] > button.ui-btn {
margin-right: .3125em;
margin-left: .3125em;
}

0 comments on commit 05f409d

Please sign in to comment.