css - Angular Material - Missing classes (ex: md-2-line) -
i trying use md-list
<md-list-item class="md-2-line"> <md-icon md-svg-icon="communication:phone"></md-icon> <div class="md-list-item-text"> <h3>title</h3> <p>text</p> </div> </md-list-item>
but normal font , when search in code classes, can not find them (for example md-2-line seen).
i did bower install angular-material assuming in components->list->js->list.css should see these classes in scss on github.
what missing? thanks
maybe take code actual examples, think 0.9.0-rc2 version. when install bower 0.8.3 latest available. in changelog of 0.9.0-rc1 , 0.9.0-rc2 can see breaking changes in md-list directive.
i didn't tested myself, hope helps solve issue, try adding following classes styles:
md-list-item.md-2-line, md-list-item.md-2-line > .md-no-style, md-list-item.md-3-line, md-list-item.md-3-line > .md-no-style { -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text, md-list-item.md-3-line .md-list-item-text, md-list-item.md-3-line > .md-no-style .md-list-item-text { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 16px 0; text-overflow: ellipsis; } md-list-item.md-2-line .md-list-item-text.md-offset, md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset, md-list-item.md-3-line .md-list-item-text.md-offset, md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset { margin-left: 56px; } md-list-item.md-2-line .md-list-item-text h3, md-list-item.md-2-line > .md-no-style .md-list-item-text h3, md-list-item.md-3-line .md-list-item-text h3, md-list-item.md-3-line > .md-no-style .md-list-item-text h3 { margin: 0 0 6px 0; line-height: 0.75em; } md-list-item.md-2-line .md-list-item-text h4, md-list-item.md-2-line > .md-no-style .md-list-item-text h4, md-list-item.md-3-line .md-list-item-text h4, md-list-item.md-3-line > .md-no-style .md-list-item-text h4 { font-weight: 400; margin: 10px 0 5px 0; line-height: 0.75em; } md-list-item.md-2-line .md-list-item-text p, md-list-item.md-2-line > .md-no-style .md-list-item-text p, md-list-item.md-3-line .md-list-item-text p, md-list-item.md-3-line > .md-no-style .md-list-item-text p { margin: 0 0 0px 0; line-height: 1.6em; } md-list-item.md-2-line > .md-avatar:first-child, md-list-item.md-2-line > .md-no-style > .md-avatar:first-child { margin-top: 12px; } md-list-item.md-2-line > md-icon:first-child, md-list-item.md-2-line > .md-no-style > md-icon:first-child { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; } md-list-item.md-2-line .md-list-item-text, md-list-item.md-2-line > .md-no-style .md-list-item-text { -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-top: 19px; }
Comments
Post a Comment