diff --git a/packages/frontend/src/ui/deck/column.vue b/packages/frontend/src/ui/deck/column.vue index 8ecac1dc8e..49db34c48f 100644 --- a/packages/frontend/src/ui/deck/column.vue +++ b/packages/frontend/src/ui/deck/column.vue @@ -108,9 +108,7 @@ function getMenu() { const menuItems: MenuItem[] = []; if (props.menu) { - menuItems.push(...props.menu, { - type: 'divider', - }); + menuItems.push(...props.menu); } if (props.refresher) { @@ -125,6 +123,12 @@ function getMenu() { }); } + if (menuItems.length > 0) { + menuItems.push({ + type: 'divider', + }); + } + menuItems.push({ icon: 'ti ti-settings', text: i18n.ts._deck.configureColumn, @@ -153,6 +157,21 @@ function getMenu() { }, }); + const flexibleRef = ref(props.column.flexible ?? false); + + watch(flexibleRef, flexible => { + updateColumn(props.column.id, { + flexible, + }); + }); + + menuItems.push({ + type: 'switch', + icon: 'ti ti-arrows-horizontal', + text: i18n.ts._deck.flexible, + ref: flexibleRef, + }); + const moveToMenuItems: MenuItem[] = []; moveToMenuItems.push({