diff options
| author | Pawel Maruszczyk <lord_t@o2.pl> | 2012-11-27 21:37:44 +0100 |
|---|---|---|
| committer | Mike Sherov <mike.sherov@gmail.com> | 2012-11-28 08:24:47 -0500 |
| commit | e77edc60991dc0d9908e056aa05adc49b9daa7cd (patch) | |
| tree | 219f80f943ede2b08c6c10eff605a66bb6334a1e | |
| parent | f2854408cce7e4b7fc6bf8676761904af9c96bde (diff) | |
| download | jquery-ui-e77edc60991dc0d9908e056aa05adc49b9daa7cd.tar.gz jquery-ui-e77edc60991dc0d9908e056aa05adc49b9daa7cd.zip | |
Button: Strange space between buttons in IE 7. Fixed #5253 - Toolbar demo ugly in IE
| -rw-r--r-- | demos/button/toolbar.html | 7 | ||||
| -rw-r--r-- | themes/base/jquery.ui.button.css | 2 | ||||
| -rw-r--r-- | themes/base/jquery.ui.theme.css | 1 |
3 files changed, 8 insertions, 2 deletions
diff --git a/demos/button/toolbar.html b/demos/button/toolbar.html index eb1d2c3ea..5be3668f6 100644 --- 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 index e0f91a82b..5588eb42c 100644 --- 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 index f1e4adf08..6388885c2 100644 --- 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}*/; } |