fix(menu): fix menu with icon

A-l-y-l-e · May 22, 2020 · d7162b0 · d7162b0
1 parent 1f3bd7a
commit d7162b0
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/src/lib/menu/menu.ts b/src/lib/menu/menu.ts
@@ -94,6 +94,9 @@ export const STYLES = (theme: ThemeVariables & LyMenuVariables, ref: ThemeRef) =
       border-radius: 0
       width: 100%
       justify-content: flex-start
+      ly-icon {
+        margin-${after}: 16px
+      }
     }`,
     itemSubMenuTrigger: () => lyl `{
       padding-${after}: 32px

diff --git a/src/lib/themes/minima/dark.ts b/src/lib/themes/minima/dark.ts
@@ -97,7 +97,7 @@ export class MinimaDark extends MinimaBase {
   menu: LyMenuTheme = {
     root: new StyleCollection(
       __ => lyl `{
-        ${__.itemSubMenuTrigger}:after {
+        ${__.item} ly-icon, ${__.itemSubMenuTrigger}:after {
           color: ${color(0xffffff)}
         }
       }`

diff --git a/src/lib/themes/minima/light.ts b/src/lib/themes/minima/light.ts
@@ -101,7 +101,7 @@ export class MinimaLight extends MinimaBase implements ThemeConfig {
   menu: LyMenuTheme = {
     root: new StyleCollection(
       __ => lyl `{
-        ${__.itemSubMenuTrigger}:after {
+        ${__.item} ly-icon, ${__.itemSubMenuTrigger}:after {
           color: ${color(0, 0, 0, 0.54)}
         }
       }`