From f77b65fcdd24f1e1fbb97c2c8f018025a22a1410 Mon Sep 17 00:00:00 2001 From: "julia.kirschenheuter" Date: Tue, 31 Oct 2023 14:07:35 +0100 Subject: [PATCH] Change styles for focused Select Signed-off-by: julia.kirschenheuter --- src/components/NcSelect/NcSelect.vue | 13 ++++++++----- 1 file changed, 8 insertions(+), 5 deletions(-) diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue index 86da3eb82d..d1eb0d9803 100644 --- a/src/components/NcSelect/NcSelect.vue +++ b/src/components/NcSelect/NcSelect.vue @@ -1113,12 +1113,14 @@ body { } &.vs--open .vs__dropdown-toggle { - border-color: var(--color-primary-element); + outline: 2px solid var(--color-main-background); + border-color: var(--color-main-text); border-bottom-color: transparent; } &:not(.vs--disabled, .vs--open) .vs__dropdown-toggle:hover { - border-color: var(--color-primary-element); + outline: 2px solid var(--color-main-background); + border-color: var(--color-main-text); } &.vs--disabled { @@ -1149,7 +1151,7 @@ body { .vs__dropdown-toggle { border-radius: 0 0 var(--vs-border-radius) var(--vs-border-radius); border-top-color: transparent; - border-bottom-color: var(--color-primary-element); + border-bottom-color: var(--color-main-text); } } } @@ -1182,8 +1184,10 @@ body { } .vs__dropdown-menu { - border-color: var(--color-primary-element) !important; + border-color: var(--color-main-text) !important; + outline: 2px solid var(--color-main-background); padding: 4px !important; + box-shadow: none; &--floating { /* Fallback styles overidden by programmatically set inline styles */ @@ -1196,7 +1200,6 @@ body { border-radius: var(--vs-border-radius) var(--vs-border-radius) 0 0 !important; border-top-style: var(--vs-border-style) !important; border-bottom-style: none !important; - box-shadow: 0px -1px 1px 0px var(--color-box-shadow) !important; } }