From a51a37cbd863b91cd76ca51068ecfa78168ff242 Mon Sep 17 00:00:00 2001 From: afc163 Date: Tue, 22 Aug 2017 18:37:08 +0800 Subject: [PATCH] tweak detail of inline collapse menu --- components/menu/style/index.less | 72 +++++++++++++++++--------------- 1 file changed, 39 insertions(+), 33 deletions(-) diff --git a/components/menu/style/index.less b/components/menu/style/index.less index 6d82348f1f..430f422e3d 100644 --- a/components/menu/style/index.less +++ b/components/menu/style/index.less @@ -180,39 +180,6 @@ } } - &-vertical&-inline-collapsed, - &-inline-collapsed { - width: @menu-collapsed-width; - > .@{menu-prefix-cls}-item, - > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title { - left: 0; - text-overflow: clip; - padding: 0 (@menu-collapsed-width - 16px) / 2; - &:after { - display: none; - } - .@{iconfont-css-prefix} { - font-size: 16px; - line-height: 42px; - margin: 0; - + span { - max-width: 0; - display: inline-block; - opacity: 0; - } - } - } - &-tooltip { - pointer-events: none; - .@{iconfont-css-prefix} { - display: none; - } - a { - color: @text-color-dark; - } - } - } - &-submenu-horizontal > & { top: 100%; left: 0; @@ -367,6 +334,45 @@ } } + &-inline-collapsed { + width: @menu-collapsed-width; + > .@{menu-prefix-cls}-item, + > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title { + left: 0; + text-overflow: clip; + padding: 0 (@menu-collapsed-width - 16px) / 2; + &:after { + display: none; + } + .@{iconfont-css-prefix} { + font-size: 16px; + line-height: 42px; + margin: 0; + + span { + max-width: 0; + display: inline-block; + opacity: 0; + } + } + } + &-tooltip { + pointer-events: none; + .@{iconfont-css-prefix} { + display: none; + } + a { + color: @text-color-dark; + } + } + } + + &-vertical&-inline-collapsed { + > .@{menu-prefix-cls}-item, + > .@{menu-prefix-cls}-submenu > .@{menu-prefix-cls}-submenu-title { + text-align: center; + } + } + &-item-group-list { .@{menu-prefix-cls}-item, .@{menu-prefix-cls}-submenu-title {