-
Notifications
You must be signed in to change notification settings - Fork 116
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
fix(select): Disabled Select should use color-background #4191
Conversation
Run & review this pull request in StackBlitz Codeflow. |
🦋 Changeset detectedLatest commit: 2e5dbc0 The changes in this PR will be included in the next version bump. This PR includes changesets to release 2 packages
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
04487ce
to
fc29ce0
Compare
☁️ Nx Cloud ReportCI is running/has finished running commands for commit 2e5dbc0. As they complete they will appear below. Click to see the status, the terminal output, and the build insights. 📂 See all runs for this CI Pipeline Execution ✅ Successfully ran 1 targetSent with 💌 from NxCloud. |
Size Change: +9 B (0%) Total Size: 1.1 MB
ℹ️ View Unchanged
|
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. Latest deployment of this branch, based on commit 2e5dbc0:
|
Paste Run #9167
Run Properties:
|
Project |
Paste
|
Branch Review |
fix-select-bg
|
Run status |
Passed #9167
|
Run duration | 02m 06s |
Commit |
2e5dbc008e: Merge branch 'main' into fix-select-bg
|
Committer | kodiakhq[bot] |
View all properties for this run ↗︎ |
Test results | |
---|---|
Failures |
0
|
Flaky |
0
|
Pending |
0
|
Skipped |
0
|
Passing |
67
|
View all changes introduced in this branch ↗︎ |
@@ -110,6 +110,7 @@ export const SelectElement = React.forwardRef<HTMLSelectElement, SelectProps>( | |||
width="100%" | |||
_disabled={{ | |||
color: variant === "inverse" ? "colorTextInverseWeakest" : "colorTextWeaker", | |||
backgroundColor: "transparent", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
do we have any way of testing this on windows? might be safer to set it to the actual desired token for disabled rather than transparent
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I tested on my personal windows using the deploy preview. I compared it against what is currently in prod and works for both light and dark themes
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I used browerstack to test it and works for me too
Paste Run #9166
Run Properties:
|
Project |
Paste
|
Branch Review |
fix-select-bg
|
Run status |
Passed #9166
|
Run duration | 06m 00s |
Commit |
f84dbd2598 ℹ️: Merge 1c3b0d6047e2c488ed32a5ce262cfbacb95e5941 into 77ec1d1c41bcf5ca021e45d6e42a...
|
Committer | Shoaib Ahmed |
View all properties for this run ↗︎ |
Test results | |
---|---|
Failures |
0
|
Flaky |
0
|
Pending |
0
|
Skipped |
0
|
Passing |
125
|
View all changes introduced in this branch ↗︎ |
https://paste-docs-git-fix-select-bg-twilio.vercel.app/components/select#disabled-select