From b0e8380f023f41cb4a1bd3665177b5f0e795c289 Mon Sep 17 00:00:00 2001 From: Trisha Crowley Date: Fri, 25 Apr 2014 13:35:02 -0400 Subject: [PATCH] Menu: Vertically center icons. Fix menu item wiggle and clearing in IE8 Fixes #9995 Closes gh-1235 --- themes/base/menu.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/themes/base/menu.css b/themes/base/menu.css index f4588b13b..2be35870f 100644 --- a/themes/base/menu.css +++ b/themes/base/menu.css @@ -19,9 +19,9 @@ position: absolute; } .ui-menu .ui-menu-item { + position: relative; margin: 0; - display: block; - padding: 3px .4em; + padding: 3px 1em 3px .4em; cursor: pointer; min-height: 0; /* support: IE7 */ /* support: IE10, see #8844 */ @@ -44,20 +44,20 @@ position: relative; } .ui-menu-icons .ui-menu-item { - position: relative; padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; - top: .2em; + top: 0; + bottom: 0; left: .2em; + margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { - position: relative; - top: -.2em; - float: right; + left: auto; + right: 0; } -- 2.39.5