From 10fb2233f82fd9e1f7799cb729c709e146eae5c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=B9=9F=E6=9B=BE=E4=B8=BA=E4=BD=A0=E5=83=8F=E8=B6=85?=
 =?UTF-8?q?=E4=BA=BA?= <1553592282@qq.com>
Date: Fri, 13 Oct 2023 09:34:09 +0800
Subject: [PATCH] fix(components): [sub-menu] style error in collapsed state
 (#13135)

* fix(components): [sub-menu] style error in collapsed state

* fix(theme-chalk): [menu] optimize

---------

Co-authored-by: tolking <qw13131wang@gmail.com>
---
 packages/theme-chalk/src/menu.scss | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/packages/theme-chalk/src/menu.scss b/packages/theme-chalk/src/menu.scss
index 2c784f0f23..4dbc4171a6 100644
--- a/packages/theme-chalk/src/menu.scss
+++ b/packages/theme-chalk/src/menu.scss
@@ -73,6 +73,12 @@
     }
   }
 
+  &:not(.#{$namespace}-menu--collapse) .#{$namespace}-sub-menu__title {
+    padding-right: calc(
+      #{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-icon-width')}
+    );
+  }
+
   @include m(horizontal) {
     display: flex;
     flex-wrap: nowrap;
@@ -250,9 +256,6 @@
 
   @include e(title) {
     @include menu-item;
-    padding-right: calc(
-      #{getCssVar('menu-base-level-padding')} + #{getCssVar('menu-icon-width')}
-    );
 
     &:hover {
       background-color: getCssVar('menu-hover-bg-color');