Skip to content
This repository was archived by the owner on Oct 8, 2021. It is now read-only.

Commit 7c4eb00

Browse files
Better fix for #6453 because icon-only buttons were getting width auto.
1 parent 944f2fe commit 7c4eb00

File tree

2 files changed

+8
-4
lines changed

2 files changed

+8
-4
lines changed

css/structure/jquery.mobile.core.css

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -269,11 +269,8 @@ div.ui-mobile-viewport {
269269
font-size: 16px;
270270
padding: 0;
271271
}
272-
.ui-btn-inline,
273-
/* The high specificity ensures inline buttons in field containers stay inline */
274-
html body .ui-btn.ui-btn-inline {
272+
.ui-btn-inline {
275273
display: inline-block;
276-
width: auto;
277274
vertical-align: middle;
278275
margin-right: .625em;
279276
}
@@ -381,6 +378,9 @@ button.ui-btn,
381378
-moz-appearance: none;
382379
width: 100%;
383380
}
381+
button.ui-btn-inline {
382+
width: auto;
383+
}
384384
/* 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. */
385385
button.ui-btn::-moz-focus-inner {
386386
border: 0;

css/structure/jquery.mobile.forms.fieldcontain.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -58,4 +58,8 @@
5858
float: none;
5959
width: 100%;
6060
}
61+
.ui-field-contain > label + .ui-btn-inline {
62+
width: auto;
63+
margin-right: .625em;
64+
}
6165
}

0 commit comments

Comments
 (0)