Skip to content

Conversation

@crisbeto
Copy link
Member

@crisbeto crisbeto commented Aug 6, 2017

Darkens the selected option background in order to distinguish it from the ones that are focused or hovered.

Fixes #6229.

@crisbeto crisbeto requested a review from kara as a code owner August 6, 2017 14:50
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Aug 6, 2017
Copy link
Member

@jelbourn jelbourn left a comment

Choose a reason for hiding this comment

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

LGTM

// In multiple mode there is a checkbox to show that the option is selected.
&.mat-selected:not(.mat-option-multiple) {
background: mat-color($background, hover);
background: rgba(mat-color($background, hover), 0.12);
Copy link
Member

Choose a reason for hiding this comment

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

fyi mat-color should take opacity as a third argument, but it's the same either way

Copy link
Member Author

Choose a reason for hiding this comment

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

I tried that initially and I kept getting some weird SASS error.

Copy link
Member Author

Choose a reason for hiding this comment

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

Weird, it works now. It must've been something else.

@jelbourn jelbourn added pr: lgtm action: merge The PR is ready for merge by the caretaker and removed pr: needs review labels Aug 7, 2017
Darkens the selected option background in order to distinguish it from the ones that are focused or hovered.

Fixes angular#6229.
@crisbeto crisbeto force-pushed the 6229/darken-option-background branch from 413bdc0 to bef4e76 Compare August 7, 2017 17:00
@mmalerba mmalerba merged commit 504b5df into angular:master Aug 8, 2017
@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 Sep 6, 2019
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 cla: yes PR author has agreed to Google's Contributor License Agreement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[option/menu] hover and active background colors

4 participants