mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-11-21 11:04:24 +00:00
Menu: Vertically center icons. Fix menu item wiggle and clearing in IE8
Fixes #9995 Closes gh-1235
This commit is contained in:
parent
6ef5c3844d
commit
b0e8380f02
@ -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;
|
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user