use display to hide picker button instead of prop

This commit is contained in:
Peter Clement 2023-08-30 10:50:49 +01:00
parent 2aff73ac25
commit 84571e36c2
3 changed files with 69 additions and 65 deletions

View File

@ -92,6 +92,7 @@
</div>
</FancyField>
<div id="picker-wrapper">
<Picker
customAnchor={wrapper}
onlyPopover={true}
@ -109,8 +110,12 @@
onSelectOption={onChange}
isOptionSelected={option => option === value}
/>
</div>
<style>
#picker-wrapper :global(.spectrum-Picker) {
display: none;
}
.value {
display: block;
flex: 1 1 auto;

View File

@ -40,7 +40,6 @@
export let customPopoverHeight
export let align = "left"
export let footer = null
export let onlyPopover = false
export let customAnchor = null
const dispatch = createEventDispatcher()
@ -91,7 +90,6 @@
}
</script>
{#if !onlyPopover}
<button
{id}
class="spectrum-Picker spectrum-Picker--sizeM"
@ -144,9 +142,8 @@
<use xlink:href="#spectrum-css-icon-Chevron100" />
</svg>
</button>
{/if}
<Popover
anchor={!onlyPopover ? button : customAnchor}
anchor={customAnchor ? customAnchor : button}
align={align || "left"}
bind:this={popover}
{open}

View File

@ -253,6 +253,8 @@
notifications.error("A group must be specified")
return
}
console.log(group)
console.log(role)
try {
if (group?.builder?.apps.includes(prodAppId)) {
await removeGroupAppBuilder(group._id)