Menu: Vertically center icons. Fix menu item wiggle and clearing in IE8

Fixes #9995
Closes gh-1235
This commit is contained in:
Trisha Crowley 2014-04-25 13:35:02 -04:00 committed by Jörn Zaefferer
parent 6ef5c3844d
commit b0e8380f02

View File

@ -19,9 +19,9 @@
position: absolute; position: absolute;
} }
.ui-menu .ui-menu-item { .ui-menu .ui-menu-item {
position: relative;
margin: 0; margin: 0;
display: block; padding: 3px 1em 3px .4em;
padding: 3px .4em;
cursor: pointer; cursor: pointer;
min-height: 0; /* support: IE7 */ min-height: 0; /* support: IE7 */
/* support: IE10, see #8844 */ /* support: IE10, see #8844 */
@ -44,20 +44,20 @@
position: relative; position: relative;
} }
.ui-menu-icons .ui-menu-item { .ui-menu-icons .ui-menu-item {
position: relative;
padding-left: 2em; padding-left: 2em;
} }
/* left-aligned */ /* left-aligned */
.ui-menu .ui-icon { .ui-menu .ui-icon {
position: absolute; position: absolute;
top: .2em; top: 0;
bottom: 0;
left: .2em; left: .2em;
margin: auto 0;
} }
/* right-aligned */ /* right-aligned */
.ui-menu .ui-menu-icon { .ui-menu .ui-menu-icon {
position: relative; left: auto;
top: -.2em; right: 0;
float: right;
} }