Button: Strange space between buttons in IE 7. Fixed #5253 - Toolbar demo ugly in IE

Pawel Maruszczyk · mikesherov · commit e77edc60991d · 2012-11-28T08:24:47.000-05:00
diff --git a/demos/button/toolbar.html b/demos/button/toolbar.html
@@ -11,7 +11,12 @@
 	<link rel="stylesheet" href="../demos.css">
 	<style>
 	#toolbar {
-		padding: 10px 4px;
+		padding: 11px 4px 9px 4px;
+	}
+
+	/* support: IE7 */
+	*:first-child+html #toolbar {
+		padding: 4px 0px 4px 5px;
 	}
 	</style>
 	<script>
diff --git a/themes/base/jquery.ui.button.css b/themes/base/jquery.ui.button.css
@@ -42,7 +42,7 @@ button.ui-button-icons-only {
 
 /* button text element */
 .ui-button .ui-button-text {
-	display: block;
+	display: inline-block;
 	line-height: 1.4;
 }
 .ui-button-text-only .ui-button-text {
diff --git a/themes/base/jquery.ui.theme.css b/themes/base/jquery.ui.theme.css
@@ -41,6 +41,7 @@
 	background: #cccccc/*{bgColorHeader}*/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;
 	color: #222222/*{fcHeader}*/;
 	font-weight: bold;
+	zoom: 1;
 }
 .ui-widget-header a { color: #222222/*{fcHeader}*/; }
 

Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,7 @@ button.ui-button-icons-only {`
`42`	`42`
`43`	`43`	`/* button text element */`
`44`	`44`	`.ui-button .ui-button-text {`
`45`		`- display: block;`
	`45`	`+ display: inline-block;`
`46`	`46`	`line-height: 1.4;`
`47`	`47`	`}`
`48`	`48`	`.ui-button-text-only .ui-button-text {`
Original file line number	Diff line number	Diff line change
`@@ -41,6 +41,7 @@`
`41`	`41`	`background: #cccccc/{bgColorHeader}/ url(images/ui-bg_highlight-soft_75_cccccc_1x100.png)/{bgImgUrlHeader}/ 50%/{bgHeaderXPos}/ 50%/{bgHeaderYPos}/ repeat-x/{bgHeaderRepeat}/;`
`42`	`42`	`color: #222222/{fcHeader}/;`
`43`	`43`	`font-weight: bold;`
	`44`	`+ zoom: 1;`
`44`	`45`	`}`
`45`	`46`	`.ui-widget-header a { color: #222222/{fcHeader}/; }`
`46`	`47`