bug(md-slide-toggle): slide toggle should fit to it's content width (a…

…ngular#3231) * bug(md-slide-toggle): slide toggle should fit to it's content width Fixes angular#3230 * md-slide-toggle: show each slide toggle on it's own row on demo-app * fix to slide toggle css (demo)
pacjin79 · Mar 13, 2017 · ef3aa65 · ef3aa65
1 parent 06fd08d
commit ef3aa65
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 2 deletions.
diff --git a/src/demo-app/slide-toggle/slide-toggle-demo.html b/src/demo-app/slide-toggle/slide-toggle-demo.html
@@ -1,4 +1,4 @@
-<div>
+<div class="slide-toggle-example">
 
   <md-slide-toggle color="primary" [(ngModel)]="firstToggle">
     Default Slide Toggle

diff --git a/src/demo-app/slide-toggle/slide-toggle-demo.scss b/src/demo-app/slide-toggle/slide-toggle-demo.scss
@@ -0,0 +1,5 @@
+.slide-toggle-example {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+}
diff --git a/src/lib/slide-toggle/slide-toggle.scss b/src/lib/slide-toggle/slide-toggle.scss
@@ -15,7 +15,7 @@ $mat-slide-toggle-bar-track-width: $mat-slide-toggle-bar-width - $mat-slide-togg
 
 
 .mat-slide-toggle {
-  display: flex;
+  display: inline-block;
   height: $mat-slide-toggle-height;
 
   margin: $mat-slide-toggle-margin 0;