diff --git a/packages/ui/src/components/calendar/DatePresenter.svelte b/packages/ui/src/components/calendar/DatePresenter.svelte
index 595972441c..c041825c87 100644
--- a/packages/ui/src/components/calendar/DatePresenter.svelte
+++ b/packages/ui/src/components/calendar/DatePresenter.svelte
@@ -14,7 +14,7 @@
-->
{/if}
diff --git a/plugins/tags-resources/src/components/LabelsPresenter.svelte b/plugins/tags-resources/src/components/LabelsPresenter.svelte
index 3d98bb1ac7..dafe0c6185 100644
--- a/plugins/tags-resources/src/components/LabelsPresenter.svelte
+++ b/plugins/tags-resources/src/components/LabelsPresenter.svelte
@@ -49,18 +49,32 @@
let allWidth: number
const widths: number[] = []
+ const elements: HTMLDivElement[] = []
afterUpdate(() => {
let count: number = 0
widths.forEach((i) => (count += i))
full = count > allWidth
dispatch('change', { full, ckeckFilled })
+ if (elements.length > 0) {
+ if (items.length > 4) dispatch('resize', elements[0]?.clientWidth)
+ else {
+ allWidth = 0
+ for (let i = 0; i < items.length; i++) {
+ if (elements[i].clientWidth !== undefined && allWidth < elements[i].clientWidth) {
+ allWidth = elements[i].clientWidth
+ }
+ }
+ dispatch('resize', allWidth + (items.length - 1) * 3)
+ }
+ }
})
{#if kind === 'list' || kind === 'link'}
{#if items.length > 4}
{:else}
- {#each items as value}
-
+ {#each items as value, i}
+
{/each}
diff --git a/plugins/tracker-resources/src/components/components/ComponentEditor.svelte b/plugins/tracker-resources/src/components/components/ComponentEditor.svelte
index 58c0210f79..53d5cfc974 100644
--- a/plugins/tracker-resources/src/components/components/ComponentEditor.svelte
+++ b/plugins/tracker-resources/src/components/components/ComponentEditor.svelte
@@ -18,7 +18,7 @@
import { RuleApplyResult, getClient, getDocRules } from '@hcengineering/presentation'
import { Component, Issue, IssueTemplate, Project, TrackerEvents } from '@hcengineering/tracker'
import { ButtonKind, ButtonShape, ButtonSize, deviceOptionsStore as deviceInfo } from '@hcengineering/ui'
- import { createEventDispatcher } from 'svelte'
+ import { createEventDispatcher, afterUpdate } from 'svelte'
import { Analytics } from '@hcengineering/analytics'
import { activeComponent } from '../../issues'
@@ -47,6 +47,8 @@
const dispatch = createEventDispatcher()
+ let element: HTMLDivElement
+
const handleComponentIdChanged = async (newComponentId: Ref
| null | undefined) => {
if (!isEditable || newComponentId === undefined || (!Array.isArray(value) && value.component === newComponentId)) {
return
@@ -101,11 +103,13 @@
}
}
}
+
+ afterUpdate(() => dispatch('resize', element?.clientWidth))
{#if kind === 'list'}
{#if !Array.isArray(value) && value.component}
-
+
diff --git a/plugins/tracker-resources/src/components/issues/IssueExtra.svelte b/plugins/tracker-resources/src/components/issues/IssueExtra.svelte
index 8658ab1975..a9540f5208 100644
--- a/plugins/tracker-resources/src/components/issues/IssueExtra.svelte
+++ b/plugins/tracker-resources/src/components/issues/IssueExtra.svelte
@@ -13,6 +13,7 @@
// limitations under the License.
-->
-{#if value}
+{#if value && presenters.length > 0}
0}
{#each presenters as mixinPresenter}
-
+
{/each}
{/if}
@@ -50,7 +57,6 @@