Skip to content

fix(material/select): styles for m3 #28492

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

Merged
merged 4 commits into from
Feb 5, 2024
Merged

Conversation

wagnermaciel
Copy link
Contributor

@wagnermaciel wagnermaciel commented Jan 28, 2024

  • native select invalid arrow color
  • option background color
  • dropdown box shadow

@wagnermaciel wagnermaciel marked this pull request as ready for review February 1, 2024 15:19
@@ -17,6 +17,7 @@ $prefix: (mat, select);
$on-surface: if($is-dark, #fff, #000);

@return (
list-item-selected-container-color: rgba($on-surface, if($is-dark, 0.08, 0.04)),
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The option already has a selected-state-layer-color token for this. Also I think the option selected state is correct atm, we were discussing this yesterday with @mmalerba

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Are we certain the option selected state color is correct? This is what the background-color looks like without this override:

Screenshot 2024-02-01 at 2 24 36 PM

And this is what it looks like with it:

Screenshot 2024-02-01 at 2 24 15 PM

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah so my understanding is that this is more a quirk of our dev app than an issue with the current setup. The second screenshot is what it'll look like for users by default. @mmalerba has some updates for the dev app in #28516.

@wagnermaciel wagnermaciel force-pushed the m3-select branch 2 times, most recently from a0ea74a to 927fdea Compare February 1, 2024 18:20
@wagnermaciel wagnermaciel added action: merge The PR is ready for merge by the caretaker target: minor This PR is targeted for the next minor release labels Feb 5, 2024
@wagnermaciel wagnermaciel removed the request for review from mmalerba February 5, 2024 18:30
@wagnermaciel wagnermaciel merged commit fca43aa into angular:main Feb 5, 2024
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Mar 7, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
action: merge The PR is ready for merge by the caretaker target: minor This PR is targeted for the next minor release
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants