fix(NcSelect): remove visual gap on top of the list

Signed-off-by: Grigorii K. Shartsev <[email protected]>
nextcloud-libraries · Jan 18, 2024 · ed467df · ed467df
1 parent 862979b
commit ed467df
Showing 1 changed file with 6 additions and 2 deletions.
diff --git 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;
+	box-shadow:
+		2px 0 0 var(--color-main-background), // Left
+		0 2px 0 var(--color-main-background), // Bottom
+		-2px 0 0 var(--color-main-background) // Right
+		!important;
 	padding: 4px !important;
-	box-shadow: none;
 
 	&--floating {
 		/* Fallback styles overidden by programmatically set inline styles */