Skip to content

fix(select): not trimming long labels - #2444

Merged
mmalerba merged 2 commits into
angular:masterfrom
crisbeto:2440/select-ellipsis
Jan 20, 2017
Merged

fix(select): not trimming long labels#2444
mmalerba merged 2 commits into
angular:masterfrom
crisbeto:2440/select-ellipsis

Conversation

@crisbeto

Copy link
Copy Markdown
Member
  • Fixes long text not being trimmed inside of md-option, because the element is a flex container. Switches it to display: block and uses line-height to center the text.
  • Fixes the selected value not being trimmed, because the element doesn't have a defined width.

Fixes#2440.

@crisbeto
crisbeto requested a review from karaDecember 28, 2016 11:55
@googlebotgooglebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Dec 28, 2016
@kara

kara commented Jan 19, 2017

Copy link
Copy Markdown
Contributor

@crisbeto This seems to throw off the alignment of icons in md-menu. Can you fix? I think it's the line height.

* Fixes long text not being trimmed inside of `md-option`, because the element is a flex container. Switches it to `display: block` and uses `line-height` to center the text.
* Fixes the selected value not being trimmed, because the element doesn't have a defined width.
Fixesangular#2440.
@crisbeto
crisbetoforce-pushed the 2440/select-ellipsis branch from e367278 to 2363f18CompareJanuary 19, 2017 20:27
@crisbeto

Copy link
Copy Markdown
MemberAuthor

Fixed @kara.

@karakara left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Thanks! LGTM.

@karakara added pr: lgtm action: merge The PR is ready for merge by the caretaker and removed pr: needs review labels Jan 19, 2017
@karakara removed their assignment Jan 19, 2017
@mmalerba
mmalerba merged commit 416f56f into angular:masterJan 20, 2017
@angular-automatic-lock-bot

Copy link
Copy Markdown

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-botangular-automatic-lock-botBot locked and limited conversation to collaborators Sep 6, 2019
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

action: mergeThe PR is ready for merge by the caretakercla: yesPR author has agreed to Google's Contributor License Agreement

Projects

None yet

Development

Successfully merging this pull request may close these issues.

MdSelect does not handle long text well

4 participants

@crisbeto@kara@googlebot@mmalerba