Skip to content

Commit 2e15013

Browse files
committed
feat: add drop shadow filter to menu container for improved visual depth
1 parent dc1e29c commit 2e15013

File tree

1 file changed

+5
-2
lines changed

1 file changed

+5
-2
lines changed

components/menu/menu-container/menu-container.css

Lines changed: 5 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,16 +12,19 @@
1212
background: var(--menu-bg);
1313
border-radius: var(--menu-border-radius);
1414
border: var(--border);
15-
filter: var(--drop-shadow);
1615
user-select: none;
1716
min-width: var(--min-width);
1817
}
1918

19+
::slotted(.shadow) {
20+
filter: var(--drop-shadow);
21+
}
22+
2023
::slotted(.menu-item) {
2124
padding: 8px 16px;
2225
cursor: pointer;
2326
}
2427

2528
::slotted(.menu-item:hover) {
2629
background: var(--menu-item-hover-bg);
27-
}
30+
}

0 commit comments

Comments
 (0)