From 1819981bbb2f2c8d6d6afc0be63f06ffb76d5694 Mon Sep 17 00:00:00 2001 From: "Grigorii K. Shartsev" Date: Thu, 18 Jan 2024 21:55:01 +0100 Subject: [PATCH] fix(NcSelect): remove visual gap on top of the list Signed-off-by: Grigorii K. Shartsev --- src/components/NcSelect/NcSelect.vue | 13 +++++++++++-- 1 file changed, 11 insertions(+), 2 deletions(-) diff --git a/src/components/NcSelect/NcSelect.vue b/src/components/NcSelect/NcSelect.vue index aa122c9908..63d19807dd 100644 --- a/src/components/NcSelect/NcSelect.vue +++ b/src/components/NcSelect/NcSelect.vue @@ -1221,9 +1221,13 @@ body { .vs__dropdown-menu { border-color: var(--color-main-text) !important; - outline: 2px solid var(--color-main-background); + outline: none !important; + box-shadow: + -2px 0 0 var(--color-main-background), // Right + 0 2px 0 var(--color-main-background), // Bottom + 2px 0 0 var(--color-main-background), // Left + !important; padding: 4px !important; - box-shadow: none; &--floating { /* Fallback styles overidden by programmatically set inline styles */ @@ -1236,6 +1240,11 @@ 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: + 0 -2px 0 var(--color-main-background), // Top + -2px 0 0 var(--color-main-background), // Right + 2px 0 0 var(--color-main-background), // Left + !important } }