fix(button-toggle): fix standalone button toggle style (#5121)

angular · Jun 22, 2017 · 3d8c833 · 3d8c833
1 parent d39cb12
commit 3d8c833
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/lib/button-toggle/button-toggle.scss b/src/lib/button-toggle/button-toggle.scss
@@ -7,6 +7,7 @@ $mat-button-toggle-padding: 0 16px !default;
 $mat-button-toggle-height: 36px !default;
 $mat-button-toggle-border-radius: 2px !default;
 
+.mat-button-toggle-standalone,
 .mat-button-toggle-group {
   @include mat-elevation(2);
   position: relative;

diff --git a/src/lib/button-toggle/button-toggle.ts b/src/lib/button-toggle/button-toggle.ts
@@ -268,6 +268,7 @@ export class MdButtonToggleGroupMultiple extends _MdButtonToggleGroupMixinBase
   styleUrls: ['button-toggle.css'],
   encapsulation: ViewEncapsulation.None,
   host: {
+    '[class.mat-button-toggle-standalone]': '!buttonToggleGroup && !buttonToggleGroupMultiple',
     'class': 'mat-button-toggle'
   }
 })