js/webawesome
1
0
Fork 0
mirror of https://github.com/shoelace-style/webawesome.git synced 2026-01-12 20:19:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

expose box shadow property for dropdown

Browse Source
This commit is contained in:
lindsaym-fa
2024-06-10 22:45:53 -04:00
parent 275652f301
commit acb9c69d4d
2 changed files with 5 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/dropdown/dropdown.styles.ts
View File

@@ -2,6 +2,8 @@ import { css } from 'lit';
export default css`
:host {
--box-shadow: var(--wa-shadow-m);
display: inline-block;
}
@@ -31,7 +33,7 @@ export default css`
.dropdown__panel {
font: inherit;
box-shadow: var(--wa-shadow-m);
box-shadow: var(--box-shadow);
border-radius: var(--wa-border-radius-s);
pointer-events: none;
}

2
src/components/dropdown/dropdown.ts
View File

@@ -36,6 +36,8 @@ import type WaPopup from '../popup/popup.js';
* @event wa-hide - Emitted when the dropdown closes.
* @event wa-after-hide - Emitted after the dropdown closes and all animations are complete.
*
* @cssproperty --box-shadow - The shadow effects around the dropdown's edges.
*
* @csspart base - The component's base wrapper.
* @csspart trigger - The container that wraps the trigger.
* @csspart panel - The panel that gets shown when the dropdown is open.