Merge pull request #3603 from AlchemyCMS/fix-button-disabled-styles

tvdeyen · web-flow · commit f84b5e3e5615 · 2026-01-29T14:45:23.000+01:00
fix: Disabled button styles
diff --git a/app/assets/builds/alchemy/admin.css b/app/assets/builds/alchemy/admin.css
diff --git a/app/stylesheets/alchemy/_mixins.scss b/app/stylesheets/alchemy/_mixins.scss
@@ -69,7 +69,7 @@
   &.disabled,
   &[disabled] {
     background-color: var(--button-disabled-bg-color);
-    border-color: var(--button-border-color);
+    border-color: var(--button-disabled-border-color);
     cursor: not-allowed;
     box-shadow: none;
     outline: none;
diff --git a/app/stylesheets/alchemy/admin/shoelace.scss b/app/stylesheets/alchemy/admin/shoelace.scss
@@ -317,6 +317,9 @@ sl-button {
     transition-property: background-color, border-color, color, fill;
     transition-duration: var(--sl-transition-medium);
   }
+  &[disabled]::part(base) {
+    border-color: var(--button-disabled-border-color);
+  }
 }
 
 sl-dialog {

Original file line number	Diff line number	Diff line change
`@@ -317,6 +317,9 @@ sl-button {`
`317`	`317`	`transition-property: background-color, border-color, color, fill;`
`318`	`318`	`transition-duration: var(--sl-transition-medium);`
`319`	`319`	`}`
	`320`	`+ &[disabled]::part(base) {`
	`321`	`+ border-color: var(--button-disabled-border-color);`
	`322`	`+ }`
`320`	`323`	`}`
`321`	`324`
`322`	`325`	`sl-dialog {`