Fix menu style

This commit is contained in:
afc163 2017-10-26 13:38:18 +08:00
parent a5074bf475
commit cbcc073aca

View File

@ -167,18 +167,6 @@
}
}
&-inline {
width: 100%;
.@{menu-prefix-cls}-selected,
.@{menu-prefix-cls}-item-selected {
&:after {
transition: transform .15s @ease-in-out, opacity .15s @ease-in-out;
opacity: 1;
transform: scaleY(1);
}
}
}
&-submenu-horizontal > & {
top: 100%;
left: 0;
@ -357,7 +345,7 @@
margin-top: 4px;
margin-bottom: 4px;
display: inline-block;
width: ~"calc(100% + 1px)";
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
@ -369,6 +357,23 @@
}
}
&-inline {
width: 100%;
.@{menu-prefix-cls}-selected,
.@{menu-prefix-cls}-item-selected {
&:after {
transition: transform .15s @ease-in-out, opacity .15s @ease-in-out;
opacity: 1;
transform: scaleY(1);
}
}
.@{menu-prefix-cls}-item,
.@{menu-prefix-cls}-submenu-title {
width: ~"calc(100% + 1px)";
}
}
&-inline-collapsed {
width: @menu-collapsed-width;
@ -520,6 +525,11 @@
}
}
&-dark&-inline &-item,
&-dark&-inline &-submenu-title {
width: 100%;
}
&-dark &-item:hover,
&-dark &-item-active,
&-dark &-submenu-active,