Skip to content

Conversation

@kara
Copy link
Contributor

@kara kara commented Oct 11, 2016

The Material Design spec only recommends a maximum of three lines in list items, so this is what we formally support. However, if you decide to go off-spec and add more than three lines to a list item, all the lines are currently squeezed into a shorter height (which looks awful).

This PR allows list items with 4+ lines to expand to match the height of the contained text so they will look a bit saner.

r: @jelbourn

Closes #1391

@kara kara added the needs: discussion Further discussion with the team is needed before proceeding label Oct 11, 2016
@googlebot googlebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Oct 11, 2016
@kara kara changed the title fix(forms): ensure multi-line lists expand to fill space fix(list): ensure multi-line lists expand to fill space Oct 11, 2016
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 aside from minor comments

height: $three-line-height;
}

&.md-multi-line .md-list-item {
Copy link
Member

Choose a reason for hiding this comment

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

Add comment explaining what the md-multi-line class means.

ListWithItemWithCssClass,
ListWithDynamicNumberOfLines,
ListWithMultipleItems,
ListWithManyLines
Copy link
Member

Choose a reason for hiding this comment

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

Trailing comma

Copy link
Contributor Author

Choose a reason for hiding this comment

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

ye with the trailing commas. done!

@kara kara added pr: lgtm action: merge The PR is ready for merge by the caretaker and removed needs: discussion Further discussion with the team is needed before proceeding labels Oct 11, 2016
@kara kara merged commit e7b872a into angular:master Oct 11, 2016
@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.

md-nav-list with multiple lines has wrong hover effect

3 participants