From b9dc9f7b56f078a28bb7a7a658780cd2952e5247 Mon Sep 17 00:00:00 2001 From: Andrew Kingston Date: Fri, 29 Jul 2022 11:44:57 +0100 Subject: [PATCH] Fix button roundess not applying properly to large and XL buttons --- .../client/src/components/CustomThemeWrapper.svelte | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/packages/client/src/components/CustomThemeWrapper.svelte b/packages/client/src/components/CustomThemeWrapper.svelte index 919aa13926..20dae01ce0 100644 --- a/packages/client/src/components/CustomThemeWrapper.svelte +++ b/packages/client/src/components/CustomThemeWrapper.svelte @@ -17,10 +17,16 @@ --spectrum-semantic-cta-color-background-default: var(--primaryColor); --spectrum-semantic-cta-color-background-hover: var(--primaryColorHover); --spectrum-semantic-cta-color-background-down: var(--primaryColorHover); - --spectrum-button-primary-s-border-radius: var(--buttonBorderRadius); + --spectrum-button-primary-s-border-radius: calc( + var(--buttonBorderRadius) * 0.9 + ); --spectrum-button-primary-m-border-radius: var(--buttonBorderRadius); - --spectrum-button-primary-l-border-radius: var(--buttonBorderRadius); - --spectrum-button-primary-xl-border-radius: var(--buttonBorderRadius); + --spectrum-button-primary-l-border-radius: calc( + var(--buttonBorderRadius) * 1.25 + ); + --spectrum-button-primary-xl-border-radius: calc( + var(--buttonBorderRadius) * 1.5 + ); /* Loading spinners */ --spectrum-progresscircle-medium-track-fill-color: var(--primaryColor);