Skip to content

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
@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