From 43a136a9e9562f4e3d38f661766e9d3b03776b92 Mon Sep 17 00:00:00 2001 From: Xaviju Date: Fri, 7 Nov 2025 22:46:57 +0100 Subject: [PATCH] :lipstick: Fix minor style details on DS select ghost variant (#7707) --- frontend/src/app/main/ui/ds/controls/select.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/frontend/src/app/main/ui/ds/controls/select.scss b/frontend/src/app/main/ui/ds/controls/select.scss index ce9fc573c7..d52be44549 100644 --- a/frontend/src/app/main/ui/ds/controls/select.scss +++ b/frontend/src/app/main/ui/ds/controls/select.scss @@ -58,14 +58,24 @@ .variant-ghost { --select-background-color: transparent; + --select-text-color: var(--color-foreground-secondary); + inline-size: fit-content; + padding-inline: var(--sp-xxs); & .arrow { margin-inline-start: var(--sp-xs); } + &:is(:hover, [aria-expanded="true"]) { + --select-text-color: var(--color-foreground-primary); + --select-icon-color: var(--color-foreground-primary); + } + &:is(:focus-visible, :disabled) { --select-background-color: transparent; + --select-text-color: var(--color-foreground-primary); + --select-icon-color: var(--color-foreground-primary); } }