Skip to content
Browse files
Button: Strange space between buttons in IE 7. Fixed #5253 - Toolbar …
…demo ugly in IE
  • Loading branch information
Pawel Maruszczyk authored and mikesherov committed Nov 28, 2012
1 parent f285440 commit e77edc60991dc0d9908e056aa05adc49b9daa7cd
Showing 3 changed files with 8 additions and 2 deletions.
@@ -11,7 +11,12 @@
<link rel="stylesheet" href="../demos.css">
#toolbar {
padding: 10px 4px;
padding: 11px 4px 9px 4px;

/* support: IE7 */
*:first-child+html #toolbar {
padding: 4px 0px 4px 5px;
@@ -42,7 +42,7 @@ button.ui-button-icons-only {

/* button text element */
.ui-button .ui-button-text {
display: block;
display: inline-block;

This comment has been minimized.

Copy link

selfthinker Nov 29, 2012


This makes <button> texts go across several lines in IE7. E.g. the default button demo shows "A", "button" and "element" on separate lines within the button.

line-height: 1.4;
.ui-button-text-only .ui-button-text {
@@ -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}*/; }

1 comment on commit e77edc6

Copy link

@selfthinker selfthinker commented on e77edc6 Nov 29, 2012

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This whole commit tries to fix the issue in the core, while it really is in the demo. I reverted most of it and fixed the demo issue in #852. (The original issue is really that the #toolbar is a span and not a div. But I didn't change that as I wasn't sure why that is.)

Please sign in to comment.