Skip to content

Commit

Permalink
Update RadioButton disabled styles (#9768)
Browse files Browse the repository at this point in the history
### WHY are these changes introduced?

Part of Shopify/archive-polaris-backlog-2024#99

### WHAT is this pull request doing?

Before
<img width="246" alt="Screenshot 2023-07-19 at 2 29 28 PM"
src="https://github.com/Shopify/polaris/assets/3474483/f814c7f1-e8bc-4bb1-80bb-55b127c7d6f0">

After
<img width="231" alt="Screenshot 2023-07-19 at 2 29 11 PM"
src="https://github.com/Shopify/polaris/assets/3474483/c320c0b4-d396-4316-90f8-c76ad0e0dc86">


### How to 🎩
Review in Storybook with beta flag turned on
  • Loading branch information
aveline authored Jul 20, 2023
1 parent 2e81a8e commit fe5b5e2
Showing 1 changed file with 3 additions and 1 deletion.
4 changes: 3 additions & 1 deletion polaris-react/src/components/RadioButton/RadioButton.scss
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,9 @@
border-color: var(--p-color-border-disabled);
cursor: default;
#{$se23} & {
background-color: var(--p-color-bg-disabled);
background-color: var(
--p-color-bg-transparent-secondary-disabled-experimental
);
border: none;
// Duplicating this rule due to the specificity of the se23 selector
// in earlier rules blasting it away.
Expand Down

0 comments on commit fe5b5e2

Please sign in to comment.