From 13603e172a5cdb6518f3f375050db9e822d699ef Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Mon, 12 May 2025 09:16:41 +0200 Subject: [PATCH] fix(material/button-toggle): use smaller border radius Currently the button toggle uses the `corner-full` value for its broder radius which starts too look weird for a vertical group with text inside the toggles. These changes switch to using the `corner-extra-large` value instead. Fixes #31010. --- src/material/button-toggle/_m3-button-toggle.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/material/button-toggle/_m3-button-toggle.scss b/src/material/button-toggle/_m3-button-toggle.scss index 935455ef4abb..6eea960a27fd 100644 --- a/src/material/button-toggle/_m3-button-toggle.scss +++ b/src/material/button-toggle/_m3-button-toggle.scss @@ -17,7 +17,7 @@ $prefix: (mat, button-toggle); $tokens: sass-utils.merge-all( m3-utils.generate-typography-tokens($systems, label-text, label-large), ( - shape: map.get($systems, md-sys-shape, corner-full), + shape: map.get($systems, md-sys-shape, corner-extra-large), hover-state-layer-opacity: map.get($systems, md-sys-state, hover-state-layer-opacity), focus-state-layer-opacity: map.get($systems, md-sys-state, focus-state-layer-opacity), text-color: map.get($systems, md-sys-color, on-surface),