Skip to content
Permalink
Browse files

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

…demo ugly in IE
  • Loading branch information...
lordt authored and mikesherov committed Nov 27, 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">
<style>
#toolbar {
padding: 10px 4px;
padding: 11px 4px 9px 4px;
}
/* support: IE7 */
*:first-child+html #toolbar {
padding: 4px 0px 4px 5px;
}
</style>
<script>
@@ -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

selfthinker Nov 29, 2012

Contributor

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

@selfthinker

This comment has been minimized.

Copy link
Contributor

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.