From a29539b5f7ad5bc3b6cbc4fa8bff4ab77c1b7df1 Mon Sep 17 00:00:00 2001 From: eti Date: Mon, 31 Aug 2026 16:41:03 +0200 Subject: [PATCH] web/ui: fix ButtonGroup segment radius on nested triggers Signed-off-by: eti --- web/src/lib/components/ui/ButtonGroup.svelte | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/web/src/lib/components/ui/ButtonGroup.svelte b/web/src/lib/components/ui/ButtonGroup.svelte index 6b7a19791..16804216a 100644 --- a/web/src/lib/components/ui/ButtonGroup.svelte +++ b/web/src/lib/components/ui/ButtonGroup.svelte @@ -13,6 +13,12 @@ "[&>*:first-child]:-ml-px [&>*:last-child]:-mr-px", "[&>*:not(:first-child)]:-ml-px [&>*:not(:first-child)]:[--btn-radius-l:0px]", "[&>*:not(:last-child)]:[--btn-radius-r:0px]", + // a Dropdown keeps its trigger one level down, and the radius vars only + // inherit that far — Button re-declares them on itself, so the wrapper's + // value loses. reach the nested trigger directly. + "[&>*>button]:border-y-0", + "[&>*:not(:first-child)>button]:[--btn-radius-l:0px]", + "[&>*:not(:last-child)>button]:[--btn-radius-r:0px]", // children overlap by 1px so adjacent borders collapse into a single seam, which // also means a child's fill paints into its neighbour's border column. ghost // segments have a transparent border and nothing to repaint there, so every -- 2.54.0