Skip to content
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

fix(list): Update single line list to ellipsis #3460

Merged
merged 7 commits into from
Aug 29, 2018

Conversation

williamernest
Copy link
Contributor

fixes: #3201

@mdc-web-bot
Copy link
Collaborator

All 349 screenshot tests passed for commit a0b4a9f vs. master! 💯🎉

Copy link
Collaborator

@abhiomkar abhiomkar left a comment

Choose a reason for hiding this comment

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

We also might need to update HTML structure in test/screenshot/**/*.html files.

@@ -43,44 +43,62 @@ <h6 class="mdc-drawer__subtitle">[email protected]</h6>
<nav class="mdc-list">
<a class="mdc-list-item mdc-list-item--activated" href="#" aria-selected="true" tabindex="0">
<i class="material-icons mdc-list-item__graphic" aria-hidden="true">inbox</i>
Inbox
<span class="mdc-list-item__text">
Copy link
Collaborator

Choose a reason for hiding this comment

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

Since we restructured this can you change event.target.lastChild.textContent to event.target.lastElementChild.textContent in all drawer demos?

<div class="mdc-list-group">
<h3 class="mdc-list-group__subheader">List 1</h3>
<ul class="mdc-list demo-list" aria-orientation="vertical">
<li class="mdc-list-item" tabindex="0">
Copy link
Collaborator

Choose a reason for hiding this comment

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

This block needs formatting.

<li class="mdc-list-item">Single-line item</li>
<li class="mdc-list-item">Single-line item</li>
<li class="mdc-list-item">
<span class="mdc-list-item__text">
Copy link
Collaborator

Choose a reason for hiding this comment

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

wrap this into single line?

<span class="mdc-list-item__text">Single-line item</span>

@mdc-web-bot
Copy link
Collaborator

All 349 screenshot tests passed for commit 38e6c72 vs. master! 💯🎉

Copy link
Collaborator

@abhiomkar abhiomkar left a comment

Choose a reason for hiding this comment

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

👏

@@ -215,7 +215,12 @@ <h1 class="mdc-typography--headline4">Modal Drawer</h1>
var mainEl = document.querySelector('.demo-main');
listEl.addEventListener('click', function(event) {
drawer.open = false;
selectedDestinationEl.textContent = event.target.lastChild.textContent;
let listItemTarget = event.target;
Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggestion: if we can set pointer-events: none styles to list-item__text I believe we wouldn't we wouldn't have to do this.

Same for mdc-menu.

@mdc-web-bot
Copy link
Collaborator

All 349 screenshot tests passed for commit 64ec29e vs. master! 💯🎉

@codecov-io
Copy link

codecov-io commented Aug 29, 2018

Codecov Report

❗ No coverage uploaded for pull request base (master@f57c731). Click here to learn what that means.
The diff coverage is 100%.

Impacted file tree graph

@@            Coverage Diff            @@
##             master    #3460   +/-   ##
=========================================
  Coverage          ?   98.42%           
=========================================
  Files             ?      119           
  Lines             ?     5026           
  Branches          ?      617           
=========================================
  Hits              ?     4947           
  Misses            ?       79           
  Partials          ?        0
Impacted Files Coverage Δ
packages/mdc-drawer/index.js 97.26% <100%> (ø)

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update f57c731...04be24f. Read the comment docs.

@mdc-web-bot
Copy link
Collaborator

All 349 screenshot tests passed for commit 510492e vs. master! 💯🎉

@mdc-web-bot
Copy link
Collaborator

All 349 screenshot tests passed for commit da0a983 vs. master! 💯🎉

@mdc-web-bot
Copy link
Collaborator

All 349 screenshot tests passed for commit 04be24f vs. master! 💯🎉

@williamernest williamernest merged commit 60cf6c5 into master Aug 29, 2018
@williamernest williamernest deleted the fix/list/single-line branch August 29, 2018 22:46
adrianschmidt pushed a commit to Lundalogik/material-components-web that referenced this pull request Sep 25, 2018
@jamesmfriedman jamesmfriedman mentioned this pull request Sep 26, 2018
49 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Text in single line list item wraps to next line on text overflow
5 participants