Skip to content

Commit f70e351

Browse files
committed
build: fix up sidenav spacing in M3 dev app
Fixes that there wasn't any side padding in the sidenav when using M3 in the dev app.
1 parent 3806c71 commit f70e351

File tree

2 files changed

+6
-1
lines changed

2 files changed

+6
-1
lines changed

src/dev-app/dev-app/dev-app-layout.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
<mat-sidenav-container class="demo-container">
22
<mat-sidenav #navigation role="navigation">
3-
<mat-nav-list>
3+
<mat-nav-list class="demo-nav-list">
44
@for (navItem of navItems; track navItem) {
55
<a
66
mat-list-item

src/dev-app/theme-m3.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -129,3 +129,8 @@ $density-scales: (-1, -2, -3, -4, minimum, maximum);
129129
.demo-config-buttons button {
130130
margin: 4px;
131131
}
132+
133+
// In M3 we need some spacing around the list in the sidenav.
134+
mat-nav-list.demo-nav-list {
135+
margin: 8px;
136+
}

0 commit comments

Comments
 (0)