MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #410 from Budibase/bugfix/select-wrapping-and-close 

Close on select and wrap selection
This commit is contained in:
Conor_Mack 2020-07-02 11:37:30 +01:00 committed by GitHub
parent 7ff81e8405 6ad280a423
commit 6ffbc5c956
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
packages/builder/src/components/userInterface/OptionSelect.svelte
View File

@ -82,6 +82,7 @@
function handleClick(val) { function handleClick(val) {
value = val value = val
onChange(value) onChange(value)
toggleSelect(false)
} }
$: menuStyle = buildStyle({ $: menuStyle = buildStyle({
@ -110,7 +111,7 @@
bind:this={select} bind:this={select}
class="bb-select-container" class="bb-select-container"
on:click={() => toggleSelect(!open)}> on:click={() => toggleSelect(!open)}>
<div bind:this={selectAnchor} class="bb-select-anchor selected"> <div bind:this={selectAnchor} title={value} class="bb-select-anchor selected">
<span>{displayLabel}</span> <span>{displayLabel}</span>
<i bind:this={icon} class="ri-arrow-down-s-fill" /> <i bind:this={icon} class="ri-arrow-down-s-fill" />
</div> </div>
@ -176,6 +177,7 @@
background-color: var(--grey-2); background-color: var(--grey-2);
border-radius: 5px; border-radius: 5px;
align-items: center; align-items: center;
white-space: nowrap;
} }
.bb-select-anchor > span { .bb-select-anchor > span {