Skip to content
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

Limit opacity override to resource select controls #2670

Merged
merged 1 commit into from
Mar 6, 2024

Conversation

tlmii
Copy link
Member

@tlmii tlmii commented Mar 6, 2024

#2123 added an override to the --disabled-opacity css variable because of how the disabled replica set entries looked in the resource selects. Unfortunately it applied globally and caused things that should look disabled to not look disabled enough (see comment #2572 (review)).

This change adds a resource-list class to denote that a particular fluent-select is being used for the above purpose and modifies app.css to only change the --disabled-opacity variable for those particular elements (and their descendants).

There's no change to the appearance of those elements:

image
image

But now the difference between enabled/disabled menu button is more obvious (compare with screenshot in the PR comment above):

image
image

It's possible that its still too subtle, or we want to do something else to set it off when its disabled, but I think this change is appropriate regardless to limit the global impact of the --disabled-opacity variable.

Microsoft Reviewers: Open in CodeFlow

@JamesNK
Copy link
Member

JamesNK commented Mar 6, 2024

I knew it would come back: #2123 (comment) 😄

@tlmii tlmii merged commit 2b892f0 into dotnet:main Mar 6, 2024
8 checks passed
@tlmii tlmii deleted the dev/fix-disabled-menu-button-appearance branch March 6, 2024 17:37
@github-actions github-actions bot locked and limited conversation to collaborators Apr 18, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants