fix(button-toggle): border radius ignored if option is selected (#6699)

devversion · jelbourn · commit 82e14f8b71ed · 2017-09-01T07:53:49.000-07:00
As per Material Design specifications, the button-toggle group should always have a border radius. This behavior has been implemented in the `md-button-toggle-group` component, but does not work properly if an option is selected or disabled. This happens because selected and disabled button-toggles receives a background color, which overflows the clipped button-toggle-group. Fixes #6689
diff --git a/src/lib/button-toggle/button-toggle.scss b/src/lib/button-toggle/button-toggle.scss
@@ -18,6 +18,7 @@ $mat-button-toggle-border-radius: 2px !default;
 
   cursor: pointer;
   white-space: nowrap;
+  overflow: hidden;
 }
 
 .mat-button-toggle-vertical {

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,7 @@ $mat-button-toggle-border-radius: 2px !default;`
`18`	`18`
`19`	`19`	`cursor: pointer;`
`20`	`20`	`white-space: nowrap;`
	`21`	`+ overflow: hidden;`
`21`	`22`	`}`
`22`	`23`
`23`	`24`	`.mat-button-toggle-vertical {`