Skip to content

Commit 1cbb90a

Browse files
committed
fix(material/button-toggle): standard button toggle strong focus border-radius
1 parent 436301f commit 1cbb90a

File tree

1 file changed

+20
-0
lines changed

1 file changed

+20
-0
lines changed

src/material/button-toggle/button-toggle.scss

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -309,3 +309,23 @@ $_standard-tokens: (
309309
border: 0;
310310
}
311311
}
312+
313+
// Change the border-radius of the focus indicator to
314+
// match the border-radius of the standalone-button-toggle.
315+
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
316+
--mat-focus-indicator-border-radius: var(--mat-standard-button-toggle-shape);
317+
}
318+
319+
// Change the border-radius of the focus indicator to
320+
// match the border-radius of the button-toggle-group.
321+
.mat-button-toggle-group-appearance-standard .mat-button-toggle {
322+
&:last-of-type .mat-button-toggle-button:before {
323+
border-top-right-radius: var(--mat-standard-button-toggle-shape);
324+
border-bottom-right-radius: var(--mat-standard-button-toggle-shape);
325+
}
326+
327+
&:first-of-type .mat-button-toggle-button:before {
328+
border-top-left-radius: var(--mat-standard-button-toggle-shape);
329+
border-bottom-left-radius: var(--mat-standard-button-toggle-shape);
330+
}
331+
}

0 commit comments

Comments
 (0)