From 346e38ee1d7de6bdc533780c9c787fa2860aa434 Mon Sep 17 00:00:00 2001 From: hsiegeln <37154749+hsiegeln@users.noreply.github.com> Date: Sat, 4 Apr 2026 16:01:58 +0200 Subject: [PATCH] fix: update DS to v0.1.31, simplify env selector styles DS v0.1.31 changes .env wrapper to neutral button style matching other TopBar controls. Simplified selector CSS to inherit all font/color properties from the wrapper. Co-Authored-By: Claude Opus 4.6 (1M context) --- ui/package-lock.json | 8 ++++---- ui/package.json | 2 +- ui/src/components/EnvironmentSelector.module.css | 15 ++++++--------- 3 files changed, 11 insertions(+), 14 deletions(-) diff --git a/ui/package-lock.json b/ui/package-lock.json index b1b2acf4..b9dc6219 100644 --- a/ui/package-lock.json +++ b/ui/package-lock.json @@ -8,7 +8,7 @@ "name": "ui", "version": "0.0.0", "dependencies": { - "@cameleer/design-system": "^0.1.30", + "@cameleer/design-system": "^0.1.31", "@tanstack/react-query": "^5.90.21", "lucide-react": "^1.7.0", "openapi-fetch": "^0.17.0", @@ -278,9 +278,9 @@ } }, "node_modules/@cameleer/design-system": { - "version": "0.1.30", - "resolved": "https://gitea.siegeln.net/api/packages/cameleer/npm/%40cameleer%2Fdesign-system/-/0.1.30/design-system-0.1.30.tgz", - "integrity": "sha512-HK8bQlp7NU1GIZAT17gjyeN/NQVDdpQiUmphFJ/f+y4nS+FsbCcI+Qtq67S9+DZeu33+7L/NFUDRVYBTjuX20w==", + "version": "0.1.31", + "resolved": "https://gitea.siegeln.net/api/packages/cameleer/npm/%40cameleer%2Fdesign-system/-/0.1.31/design-system-0.1.31.tgz", + "integrity": "sha512-yfuMQdLB3RS6loT31YozKCyBUnctxlLPZjpzPzD7UQZhCFU4+ScibMzbPeLFE/MyMkfrpk/j9v8pJCHW7l64TQ==", "dependencies": { "lucide-react": "^1.7.0", "react": "^19.0.0", diff --git a/ui/package.json b/ui/package.json index c7b249c7..a43d361b 100644 --- a/ui/package.json +++ b/ui/package.json @@ -14,7 +14,7 @@ "generate-api:live": "curl -s http://localhost:8081/api/v1/api-docs -o src/api/openapi.json && openapi-typescript src/api/openapi.json -o src/api/schema.d.ts" }, "dependencies": { - "@cameleer/design-system": "^0.1.30", + "@cameleer/design-system": "^0.1.31", "@tanstack/react-query": "^5.90.21", "lucide-react": "^1.7.0", "openapi-fetch": "^0.17.0", diff --git a/ui/src/components/EnvironmentSelector.module.css b/ui/src/components/EnvironmentSelector.module.css index 1cf4bdbb..104831d1 100644 --- a/ui/src/components/EnvironmentSelector.module.css +++ b/ui/src/components/EnvironmentSelector.module.css @@ -2,18 +2,15 @@ appearance: none; background: transparent; border: none; - padding: 0; - margin: -3px -10px; - font-family: var(--font-mono); - font-size: 10px; - font-weight: 600; + padding: 0 14px 0 0; + margin: 0; + font: inherit; color: inherit; - text-transform: uppercase; - letter-spacing: 0.5px; + text-transform: inherit; + letter-spacing: inherit; cursor: pointer; outline: none; line-height: 1; - padding-right: 14px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' viewBox='0 0 8 5'%3E%3Cpath d='M1 1l3 3 3-3' stroke='currentColor' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0 center; @@ -22,6 +19,6 @@ .select:focus-visible { outline: 1px solid var(--accent); - outline-offset: 4px; + outline-offset: 2px; border-radius: 2px; }