diff --git a/skins/elastic/styles/widgets/menu.less b/skins/elastic/styles/widgets/menu.less index 6041d7b94..a10856eae 100644 --- a/skins/elastic/styles/widgets/menu.less +++ b/skins/elastic/styles/widgets/menu.less @@ -22,10 +22,7 @@ &:before { &:extend(.font-icon-class); - } - - &:not(.no-icon):before { - content: "\00a0"; // blank place holder + content: "\00a0"; // blank placeholder } &:hover, @@ -274,27 +271,14 @@ background-color: @color-menu-hover-background; } - &:after { - &:extend(.font-icon-class); - float: right; - color: @color-black-shade-text; - font-size: .9em; - } - - &:only-child { - display: flex; - - > span { - flex-grow: 1; - overflow: hidden; - text-overflow: ellipsis; - } - } - &[aria-haspopup] { - position: realtive; + display: flex; &:after { + &:extend(.font-icon-class); + color: @color-black-shade-text; + font-size: .9em; + margin: 0 0 0 .2em; min-width: 1.18em; content: @fa-var-chevron-right; @@ -305,12 +289,17 @@ &.dropdown:after { color: @color-list; - margin: 0 .5em !important; + margin: 0 .6em !important; } &:hover:after { color: @color-menu-hover; } + + & > span { + .overflow-ellipsis; + flex: 1; + } } } @@ -340,7 +329,7 @@ background-color: @color-menu-hover-background; } - // Note: :before icon is replaced with :after icon by a[aria-haspopup] below + // Note: :before icon is replaced with :after icon by a[aria-haspopup] above &:before, span.inner { @@ -350,9 +339,7 @@ } &.no-icon a:before { - width: 0 !important; - min-width: 0 !important; - content: "" !important; + display: none; } } }