Skip to content
Browse files

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

…demo ugly in IE
  • Loading branch information
pmaruszczyk authored and mikesherov committed Nov 28, 2012
1 parent f285440 commit e77edc60991dc0d9908e056aa05adc49b9daa7cd
Showing with 8 additions and 2 deletions.
  1. +6 −1 demos/button/toolbar.html
  2. +1 −1 themes/base/jquery.ui.button.css
  3. +1 −0 themes/base/jquery.ui.theme.css
@@ -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


This comment has been minimized.

Copy link

@selfthinker selfthinker commented on e77edc6 Nov 29, 2012

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.
You can’t perform that action at this time.