diff --git a/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte b/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte index 4f94ac955e..12dee055e2 100644 --- a/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte +++ b/packages/bbui/src/ButtonGroup/CollapsedButtonGroup.svelte @@ -10,6 +10,7 @@ export let align = "left" export let offset export let animate + export let secondary = false let anchor let popover @@ -24,7 +25,8 @@ bind:ref={anchor} {size} icon="ChevronDown" - cta + cta={!secondary} + {secondary} on:click={() => popover?.show()} on:click > diff --git a/packages/frontend-core/src/components/grid/layout/ButtonColumn.svelte b/packages/frontend-core/src/components/grid/layout/ButtonColumn.svelte index 6602565c3e..1e40f326ff 100644 --- a/packages/frontend-core/src/components/grid/layout/ButtonColumn.svelte +++ b/packages/frontend-core/src/components/grid/layout/ButtonColumn.svelte @@ -57,7 +57,7 @@ onMount(() => { const observer = new ResizeObserver(entries => { const width = entries?.[0]?.contentRect?.width ?? 0 - buttonColumnWidth.set(width) + buttonColumnWidth.set(width - 1) }) observer.observe(container) }) @@ -68,7 +68,6 @@ class="button-column" style="left:{left}px" class:hidden={$buttonColumnWidth === 0} - class:right-border={left !== gridEnd} >