Skip to content

Commit cd0b853

Browse files
devversiontinayuangao
authored andcommitted
fix(slide-toggle): remove host element margin (#3761)
* Angular Material components should not have any outer-margin on component host elements. Similar as for the checkbox component.
1 parent 3464011 commit cd0b853

File tree

2 files changed

+5
-3
lines changed

2 files changed

+5
-3
lines changed

src/demo-app/slide-toggle/slide-toggle-demo.scss

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,4 +2,8 @@
22
display: flex;
33
flex-direction: column;
44
align-items: flex-start;
5-
}
5+
6+
md-slide-toggle {
7+
margin: 6px 0;
8+
}
9+
}

src/lib/slide-toggle/slide-toggle.scss

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,6 @@
77
$mat-slide-toggle-thumb-size: 20px !default;
88
$mat-slide-toggle-bar-border-radius: 8px !default;
99
$mat-slide-toggle-height: 24px !default;
10-
$mat-slide-toggle-margin: 16px !default;
1110
$mat-slide-toggle-spacing: 8px !default;
1211
$mat-slide-toggle-ripple-radius: 23px !default;
1312
$mat-slide-toggle-bar-width: 36px !default;
@@ -19,7 +18,6 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
1918
display: inline-block;
2019
height: $mat-slide-toggle-height;
2120

22-
margin: $mat-slide-toggle-margin 0;
2321
line-height: $mat-slide-toggle-height;
2422

2523
white-space: nowrap;

0 commit comments

Comments
 (0)