Fieldcontain: Reset width for notext buttons

Shepard · arschmitz · commit 2dd9cf46ea81 · 2014-08-21T22:05:14.000-04:00
Buttons with .ui-btn-icon-notext normally have a fixed width of 1.75em. However when putting them as inline buttons inside a .ui-field-contain, from a certain page width on they get a width:auto, making them use the available width on the page instead of staying at a fixed width. This overrides the width:auto with the 1.75em again in that situation. Fixes jquery-archivegh-7526 Closes jquery-archivegh-7525
diff --git a/css/structure/jquery.mobile.forms.fieldcontain.css b/css/structure/jquery.mobile.forms.fieldcontain.css
@@ -62,4 +62,7 @@
 		width: auto;
 		margin-right: .625em;
 	}
+	.ui-field-contain > label ~ .ui-btn-inline.ui-btn-icon-notext {
+		width: 1.75em;
+	}
 }

Original file line number	Diff line number	Diff line change
`@@ -62,4 +62,7 @@`
`62`	`62`	`width: auto;`
`63`	`63`	`margin-right: .625em;`
`64`	`64`	`}`
	`65`	`+ .ui-field-contain > label ~ .ui-btn-inline.ui-btn-icon-notext {`
	`66`	`+ width: 1.75em;`
	`67`	`+ }`
`65`	`68`	`}`