wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-06-09 09:20:54 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Fixed DropdownLabelsIntl layout

Browse Source 
Signed-off-by: Alexander Platov <alexander.platov@hardcoreeng.com>
This commit is contained in:
Alexander Platov 2024-08-07 08:06:27 +07:00
parent ce9a30a3ff
commit 7180c87aa8
No known key found for this signature in database
GPG Key ID: 67AE092F5EB4180C
1 changed files with 25 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
packages/ui/src/components/DropdownLabelsIntl.svelte
View File

@ -39,7 +39,7 @@
export let shouldUpdateUndefined: boolean = true
export let minW0 = true
let container: HTMLElement
let container: HTMLButtonElement
let opened: boolean = false
$: selectedItem = items.find((x) => x.id === selected)
@ -75,28 +75,27 @@
}
</script>
<div bind:this={container} class:min-w-0={minW0}>
<Button
{icon}
width={width ?? 'min-content'}
{size}
{kind}
{disabled}
{justify}
showTooltip={{ label, direction: labelDirection }}
on:click={openPopup}
>
<span slot="content" class="overflow-label disabled flex-grow text-left mr-2">
<Label
label={selectedItem ? selectedItem.label : label}
params={selectedItem ? selectedItem.params ?? params : params}
/>
</span>
<svelte:fragment slot="iconRight">
<DropdownIcon
size={'small'}
fill={kind === 'primary' && !disabled ? 'var(--primary-button-content-color)' : 'var(--theme-dark-color)'}
/>
</svelte:fragment>
</Button>
</div>
<Button
{icon}
width={width ?? 'min-content'}
{size}
{kind}
{disabled}
{justify}
showTooltip={{ label, direction: labelDirection }}
bind:input={container}
on:click={openPopup}
>
<span slot="content" class="overflow-label disabled flex-grow text-left mr-2">
<Label
label={selectedItem ? selectedItem.label : label}
params={selectedItem ? selectedItem.params ?? params : params}
/>
</span>
<svelte:fragment slot="iconRight">
<DropdownIcon
size={'small'}
fill={kind === 'primary' && !disabled ? 'var(--primary-button-content-color)' : 'var(--theme-dark-color)'}
/>
</svelte:fragment>
</Button>