Fix dropdown border width

gitpod-io · Oct 2, 2023 · 7ae731f · 7ae731f
1 parent 8f76f29
commit 7ae731f
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/button/button.css b/src/button/button.css
@@ -25,7 +25,7 @@
 
     --dropdown-bg-color: #fff;
     --dropdown-hover-bg-color: #f6f8fa;
-    --dropdown-border-with: var(--border-width);
+    --dropdown-border-width: var(--border-width);
     --dropdown-border-radius: var(--border-radius);
     --dropdown-border-color: rgba(31, 35, 40, 0.15);
     --dropdown-box-shadow: 5px 5px 10px 0px rgba(140, 149, 159, 0.2);
@@ -136,7 +136,7 @@
     flex-direction: column;
     padding: 6px 0;
     background-color: var(--dropdown-bg-color);
-    border-width: var(--dropdown-border-with);
+    border-width: var(--dropdown-border-width);
     border-radius: var(--dropdown-border-radius);
     border-style: solid;
     border-color: var(--dropdown-border-color);
@@ -193,10 +193,12 @@
     --primary-color: var(--button-primary-fgColor-rest, var(--color-btn-primary-text));
     --primary-hover-color: var(--button-primary-fgColor-rest, var(--color-btn-primary-text));
     --primary-box-shadow: var(--shadow-resting-small, var(--color-btn-primary-shadow)), var(--shadow-highlight, var(--color-btn-primary-inset-shadow));
+    --primary-separator-color: var(--color-border-default);
 
     --dropdown-bg-color: var(--overlay-bgColor, var(--color-canvas-overlay));
     --dropdown-hover-bg-color: var(--bgColor-neutral-muted, var(--color-neutral-subtle));
     --dropdown-border-radius: 6px;
+    --dropdown-border-width: 1px;
     --dropdown-border-color: var(--borderColor-default, var(--color-border-default));
     --dropdown-box-shadow: var(--shadow-floating-large, var(--color-shadow-large));
 }
@@ -233,7 +235,7 @@
     --dropdown-color: #333238;
     --dropdown-bg-color: #fff;
     --dropdown-hover-bg-color: #ececef;
-    --dropdown-border-with: 1px;
+    --dropdown-border-width: 1px;
     --dropdown-border-radius: 0.25rem;
     --dropdown-border-color: #dcdcde;
     --dropdown-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
@@ -267,7 +269,7 @@
     --dropdown-color: #172B4D;
     --dropdown-bg-color: var(--aui-body-background);
     --dropdown-hover-bg-color: #EBECF0;
-    --dropdown-border-with: var(--aui-inline-dialog-border-width);
+    --dropdown-border-width: var(--aui-inline-dialog-border-width);
     --dropdown-border-radius: 3px;
     --dropdown-border-color: var(--aui-inline-dialog-border-color);
     --dropdown-box-shadow:  0 4px 8px -2px var(--aui-shadow2),0 0 1px var(--aui-shadow2);
@@ -295,7 +297,7 @@
     --dropdown-color: #172B4D;
     --dropdown-bg-color: var(--ds-surface-overlay, #FFFFFF);
     --dropdown-hover-bg-color: #EBECF0;
-    --dropdown-border-with: 0;
+    --dropdown-border-width: 0;
     --dropdown-border-radius: var(--ds-border-radius, 3px);
     --dropdown-border-color: 0;
     --dropdown-box-shadow:  var(--ds-shadow-overlay, 0 4px 8px -2px rgba(9, 30, 66, 0.25), 0 0 1px rgba(9, 30, 66, 0.31));