From 1ef8a1988242941c2f7a611bc419c5f946ca2af8 Mon Sep 17 00:00:00 2001 From: mvdbeek Date: Wed, 26 Aug 2026 11:04:39 +0200 Subject: [PATCH] Restore GTip's border radius to the theme value Porting GTip off SCSS variables replaced $border-radius-base with a hardcoded 0.25rem, but $border-radius-base is 0.1875rem, so every variant gained a pixel of corner radius. The code block lower in the same file still rounds to 3px, which is what 0.1875rem resolves to. The color changes in that port are a different matter and are left as they are: GTip's success/warning/danger swatches now come from the token palette rather than the $brand-* variables, which is what makes GTip consistent with GButton and is presumably the point of the move. --- client/packages/ui/src/components/GTip.vue | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/client/packages/ui/src/components/GTip.vue b/client/packages/ui/src/components/GTip.vue index 66f139d42a1..b81f0d74ed0 100644 --- a/client/packages/ui/src/components/GTip.vue +++ b/client/packages/ui/src/components/GTip.vue @@ -2,7 +2,6 @@ import { computed, onUnmounted, ref } from "vue"; import { useMarkdown } from "../composables/markdown"; - import type { ColorVariant } from "./componentVariants"; interface Props { @@ -90,7 +89,7 @@ onUnmounted(() => { position: relative; padding: 0.5rem 0.75rem; background-color: var(--color-grey-100); - border-radius: 0.25rem; + border-radius: 0.1875rem; border-left: 3px solid var(--color-blue-600); &.tip-info {