| 1 |
<template> |
| 2 |
<ElDropdown ref="elDropdown" v-bind="$props" popper-class="ivyforms-dropdown"> |
| 3 |
<slot /> |
| 4 |
<template #dropdown> |
| 5 |
<slot name="dropdown" /> |
| 6 |
</template> |
| 7 |
</ElDropdown> |
| 8 |
</template> |
| 9 |
|
| 10 |
<style lang="scss"> |
| 11 |
@use 'sass:list' as *; |
| 12 |
@use 'sass:meta' as *; |
| 13 |
// Dropdown |
| 14 |
.ivyforms-dropdown { |
| 15 |
transform: translate(0, -4px) !important; |
| 16 |
border: 1px var(--map-base-brand-stroke-0) !important; |
| 17 |
border-radius: 8px !important; |
| 18 |
overflow: hidden !important; |
| 19 |
box-shadow: var(--shadow-100) !important; |
| 20 |
background: var(--map-base-dusk-o05) !important; |
| 21 |
|
| 22 |
// Placement Top |
| 23 |
&[data-popper-placement='top-start']='top-start'] { |
| 24 |
transform: translate(0, 4px) !important; |
| 25 |
} |
| 26 |
|
| 27 |
// Arrow |
| 28 |
.el-popper__arrow { |
| 29 |
&:before { |
| 30 |
content: none; |
| 31 |
} |
| 32 |
} |
| 33 |
} |
| 34 |
</style> |
| 35 |
|
