Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

UX Enhancement - multiple select check icon #7301

Closed
wants to merge 3 commits into from

Conversation

idlethumbs
Copy link

This is a minor CSS change that adds the check tick to the dropdown select list when using multiple mode.

Found the original dropdown to be initially a little confusing; until you realise what you have is a multiple select in front of you it seems as if the dropdown has gotten stuck open.

scss involved:

md-select-menu[multiple] md-option {
    padding-left:32px;padding-right: 32px;
    &[selected] .md-text:before {

        box-sizing: border-box;
         -webkit-transform: rotate(45deg);
         transform: rotate(45deg);
         position: absolute;
         left: 14px;
         display: table;
         width: 6.67px;
         height: 13.33px;
         border-width: 2px;
         border-style: solid;
         border-top: 0;
         border-left: 0;
         content: '';
    }
}

@googlebot
Copy link

Thanks for your pull request. It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

📝 Please visit https://cla.developers.google.com/ to sign.

Once you've signed, please reply here (e.g. I signed it!) and we'll verify. Thanks.


  • If you've already signed a CLA, it's possible we don't have your GitHub username or you're using a different email address. Check your existing CLA data and verify that your email is set on your git commits.
  • If you signed the CLA as a corporation, please let us know the company's name.

1 similar comment
@googlebot
Copy link

Thanks for your pull request. It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

📝 Please visit https://cla.developers.google.com/ to sign.

Once you've signed, please reply here (e.g. I signed it!) and we'll verify. Thanks.


  • If you've already signed a CLA, it's possible we don't have your GitHub username or you're using a different email address. Check your existing CLA data and verify that your email is set on your git commits.
  • If you signed the CLA as a corporation, please let us know the company's name.

@idlethumbs
Copy link
Author

I signed it

@googlebot
Copy link

CLAs look good, thanks!

1 similar comment
@googlebot
Copy link

CLAs look good, thanks!

@idlethumbs idlethumbs changed the title multiple select check icon Cosmetic - multiple select check icon Feb 26, 2016
@idlethumbs idlethumbs changed the title Cosmetic - multiple select check icon UX Enhancement - multiple select check icon Feb 26, 2016
@ThomasBurleson ThomasBurleson added this to the Backlog milestone Feb 26, 2016
@ThomasBurleson
Copy link
Contributor

Will not merge.

@Splaktar Splaktar removed this from the - Backlog milestone Jun 28, 2018
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.

6 participants