Skip to content

Commit 915dd9b

Browse files
committed
feat(list): add dividers to lists
1 parent 0a9c169 commit 915dd9b

File tree

2 files changed

+8
-3
lines changed

2 files changed

+8
-3
lines changed

src/components/list/list.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -175,4 +175,11 @@ md-list[dense] {
175175

176176
@include md-line-base($md-dense-font-size);
177177
}
178+
179+
}
180+
181+
md-divider {
182+
display: block;
183+
border-top: 1px solid md-color($md-foreground, divider);
184+
margin: 0;
178185
}

src/demo-app/list/list-demo.html

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,7 @@ <h4 md-line>{{message.from}}</h4>
3232
<span class="demo-secondary-text">{{message.message}}</span>
3333
</p>
3434
</md-list-item>
35-
</md-list>
36-
37-
<md-list>
35+
<md-divider></md-divider>
3836
<md-list-item *ngFor="#message of messages">
3937
<h4 md-line>{{message.from}}</h4>
4038
<p md-line> {{message.subject}} </p>

0 commit comments

Comments
 (0)