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

Commit

Permalink
style(list): enable avatar to be contained in other elements
Browse files Browse the repository at this point in the history
`.md-avatar` was requested to be used inside `<a>` element

fixes #5749. closes #5766.
  • Loading branch information
EladBezalel authored and ThomasBurleson committed Nov 25, 2015
1 parent 7564a34 commit 58ab379
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions src/components/list/list.scss
Original file line number Diff line number Diff line change
Expand Up @@ -109,7 +109,7 @@ md-list-item, md-list-item .md-list-item-inner {
}
& > div.md-primary > md-checkbox,
& > div.md-secondary > md-checkbox,
& > md-checkbox:first-child,
& > md-checkbox,
md-checkbox.md-secondary {
align-self: center;
.md-label { display: none; }
Expand All @@ -118,23 +118,23 @@ md-list-item, md-list-item .md-list-item-inner {
& > md-icon:first-child:not(.md-avatar-icon) {
margin-right: $list-item-primary-width - $list-item-primary-icon-width;
}
& > md-checkbox:first-child {
& > md-checkbox {
width: 3 * $baseline-grid;
margin-left: 3px;
margin-right: 29px;
}
& > .md-avatar, .md-avatar-icon {
& .md-avatar, .md-avatar-icon {
margin-top: $baseline-grid;
margin-bottom: $baseline-grid;
margin-right: $list-item-primary-width - $list-item-primary-avatar-width;
border-radius: 50%;
box-sizing: content-box;
}
& > .md-avatar {
& .md-avatar {
width: $list-item-primary-avatar-width;
height: $list-item-primary-avatar-width;
}
& > .md-avatar-icon {
& .md-avatar-icon {
padding: 8px;
}

Expand Down

0 comments on commit 58ab379

Please sign in to comment.