Fix button styling when used on anchor elements

jacbn · jacbn · commit 55efc3142478 · 2025-03-11T14:32:55.000Z
diff --git a/src/scss/phy/button.scss b/src/scss/phy/button.scss
@@ -44,7 +44,7 @@
     text-decoration: none;
   }
 
-  &:disabled {
+  &:disabled, &.disabled {
     background-color: var(--buttons-dark-disabled);
     color: var(--buttons-dark-text);
   }
@@ -71,7 +71,7 @@
     text-decoration: none;
   }
 
-  &:disabled {
+  &:disabled, &.disabled {
     color: var(--buttons-light-disabled-text);
   }
 
@@ -95,7 +95,7 @@
     text-decoration: none;
   }
 
-  &:disabled {
+  &:disabled, &.disabled {
     color: var(--buttons-light-disabled-text);
   }
 
@@ -124,7 +124,7 @@
     box-shadow: 0 0 0 3px var(--buttons-dark), 0 0 0 4.5px var(--buttons-focus-ring) !important;
   }
 
-  &:disabled {
+  &:disabled, &.disabled {
     color: var(--buttons-dark-disabled-text);
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -44,7 +44,7 @@`
`44`	`44`	`text-decoration: none;`
`45`	`45`	`}`
`46`	`46`
`47`		`- &:disabled {`
	`47`	`+ &:disabled, &.disabled {`
`48`	`48`	`background-color: var(--buttons-dark-disabled);`
`49`	`49`	`color: var(--buttons-dark-text);`
`50`	`50`	`}`
`@@ -71,7 +71,7 @@`
`71`	`71`	`text-decoration: none;`
`72`	`72`	`}`
`73`	`73`
`74`		`- &:disabled {`
	`74`	`+ &:disabled, &.disabled {`
`75`	`75`	`color: var(--buttons-light-disabled-text);`
`76`	`76`	`}`
`77`	`77`
`@@ -95,7 +95,7 @@`
`95`	`95`	`text-decoration: none;`
`96`	`96`	`}`
`97`	`97`
`98`		`- &:disabled {`
	`98`	`+ &:disabled, &.disabled {`
`99`	`99`	`color: var(--buttons-light-disabled-text);`
`100`	`100`	`}`
`101`	`101`
`@@ -124,7 +124,7 @@`
`124`	`124`	`box-shadow: 0 0 0 3px var(--buttons-dark), 0 0 0 4.5px var(--buttons-focus-ring) !important;`
`125`	`125`	`}`
`126`	`126`
`127`		`- &:disabled {`
	`127`	`+ &:disabled, &.disabled {`
`128`	`128`	`color: var(--buttons-dark-disabled-text);`
`129`	`129`	`}`
`130`	`130`	`}`