diff --git a/packages/theme/styles/popups.scss b/packages/theme/styles/popups.scss index 2ea81c08b5..de5275828b 100644 --- a/packages/theme/styles/popups.scss +++ b/packages/theme/styles/popups.scss @@ -36,6 +36,9 @@ max-width: 40rem !important; width: 40rem !important; } + &.max-width-40 { + max-width: 40rem !important; + } .header { border-bottom: 1px solid var(--popup-divider); diff --git a/packages/ui/src/components/SelectPopup.svelte b/packages/ui/src/components/SelectPopup.svelte index 7ec91032e6..f6b899bb51 100644 --- a/packages/ui/src/components/SelectPopup.svelte +++ b/packages/ui/src/components/SelectPopup.svelte @@ -16,12 +16,13 @@ import type { Asset, IntlString } from '@anticrm/platform' import { translate } from '@anticrm/platform' import { createEventDispatcher } from 'svelte' - import { Icon, Label } from '..' + import { Icon, Label, IconCheck } from '..' export let placeholder: IntlString | undefined = undefined export let placeholderParam: any | undefined = undefined export let searchable: boolean = false - export let value: Array<{ id: number | string; icon: Asset; label?: IntlString; text?: string }> + export let value: Array<{ id: number | string; icon: Asset; label?: IntlString; text?: string; isSelected?: boolean }> + export let width: 'medium' | 'large' = 'medium' let search: string = '' @@ -33,9 +34,11 @@ } const dispatch = createEventDispatcher() + + $: hasSelected = value.some((v) => v.isSelected) -