Skip to content

Commit 0843170

Browse files
committed
fixup! fix(material/button-toggle): standard button toggle strong focus border-radius
1 parent 23dfe10 commit 0843170

File tree

1 file changed

+7
-9
lines changed

1 file changed

+7
-9
lines changed

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

Lines changed: 7 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -310,15 +310,13 @@ $_standard-tokens: (
310310
}
311311
}
312312

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.
313+
// Change the border-radius of the focus indicator to match the
314+
// radius of the button-toggle-group or standalone button-toggle.
321315
@include token-utils.use-tokens($_standard-tokens...) {
316+
.mat-button-toggle-standalone.mat-button-toggle-appearance-standard {
317+
--mat-focus-indicator-border-radius: var(#{token-utils.get-token-variable(shape)});
318+
}
319+
322320
.mat-button-toggle-group-appearance-standard .mat-button-toggle {
323321
&:last-of-type .mat-button-toggle-button:before {
324322
@include token-utils.create-token-slot(border-top-right-radius, shape);
@@ -330,4 +328,4 @@ $_standard-tokens: (
330328
@include token-utils.create-token-slot(border-bottom-left-radius, shape);
331329
}
332330
}
333-
}
331+
}

0 commit comments

Comments
 (0)