Apply the new dropdown styles

Author: bendera

CHANGELOG.md

@@ -10,6 +10,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/)
 
 - **Table**: The column resizing algorithm has been rewritten. Columns can now push each other.
 - **Button**, **SingleSelect**, **MultiSelect**, **Textfield**, **Textarea**: Use 4px border radius.
+- **SingleSelect**, **MultiSelect**: Updated dropdown styles to align with the VSCode UI.
 
 ## [2.4.0] - 2025-12-26
 

src/includes/vscode-select/styles.ts

@@ -87,10 +87,16 @@ export default [
     :host(:focus) .combobox-face,
     :host([focused]) .select-face,
     :host([focused]) .combobox-face {
-      border-color: var(--vscode-focusBorder, #0078d4);
       outline: none;
     }
 
+    :host(:focus:not([open])) .select-face,
+    :host(:focus:not([open])) .combobox-face,
+    :host([focused]:not([open])) .select-face,
+    :host([focused]:not([open])) .combobox-face {
+      border-color: var(--vscode-focusBorder, #0078d4);
+    }
+
     .combobox-input {
       background-color: transparent;
       box-sizing: border-box;
@@ -166,12 +172,10 @@ export default [
       border-style: solid;
       border-width: 1px;
       bottom: unset;
+      box-shadow: 0 2px 8px var(--vscode-widget-shadow, rgba(0, 0, 0, 0.36));
       box-sizing: border-box;
       display: none;
-      padding-bottom: 2px;
-      padding-left: 0;
-      padding-right: 0;
-      padding-top: 0;
+      padding: 0;
       right: unset;
     }
 
@@ -186,15 +190,10 @@ export default [
       top: unset;
     }
 
-    :host(:focus) .dropdown,
-    :host([focused]) .dropdown {
-      border-color: var(--vscode-focusBorder, #0078d4);
-    }
-
     .scrollable {
       display: block;
       max-height: 222px;
-      margin: 1px;
+      margin: 0;
       outline: none;
       overflow: hidden;
     }