Fix button border styles for disabled state and split buttons (#8410)

mrleemurray · mrleemurray · web-flow · commit c367b6f2c2cf · 2026-01-21T17:45:51.000Z
Co-authored-by: mrleemurray &lt;lee.murray@microsoft.com&gt;
diff --git a/webviews/common/common.css b/webviews/common/common.css
@@ -142,7 +142,7 @@ input[type='checkbox'] {
 body button:disabled,
 input[type='submit']:disabled {
 	opacity: 0.4;
-	border: 1px solid var(--vscode-button-border, transparent) !important;
+	border: 1px solid var(--vscode-button-background, transparent) !important;
 }
 
 body .hidden {
@@ -396,6 +396,8 @@ button.split-left {
 
 .split.disabled {
 	opacity: 0.4;
+	border-top: 1px solid var(--vscode-button-background);
+	border-bottom: 1px solid var(--vscode-button-background);
 }
 
 .split.secondary {

Original file line number	Diff line number	Diff line change
`@@ -142,7 +142,7 @@ input[type='checkbox'] {`
`142`	`142`	`body button:disabled,`
`143`	`143`	`input[type='submit']:disabled {`
`144`	`144`	`opacity: 0.4;`
`145`		`- border: 1px solid var(--vscode-button-border, transparent) !important;`
	`145`	`+ border: 1px solid var(--vscode-button-background, transparent) !important;`
`146`	`146`	`}`
`147`	`147`
`148`	`148`	`body .hidden {`
`@@ -396,6 +396,8 @@ button.split-left {`
`396`	`396`
`397`	`397`	`.split.disabled {`
`398`	`398`	`opacity: 0.4;`
	`399`	`+ border-top: 1px solid var(--vscode-button-background);`
	`400`	`+ border-bottom: 1px solid var(--vscode-button-background);`
`399`	`401`	`}`
`400`	`402`
`401`	`403`	`.split.secondary {`