From 601a745fc8e19ab7be93379297ea5fef58d5327e Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Thu, 18 Jan 2024 11:30:56 +0100 Subject: [PATCH] fix(material-experimental/theming): cap icon button size Fixes that the icon button was becoming smaller than its icon at the lowest density. --- src/material-experimental/theming/_m3-density.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/material-experimental/theming/_m3-density.scss b/src/material-experimental/theming/_m3-density.scss index bd3ac530dfc1..92ebeb6a22a6 100644 --- a/src/material-experimental/theming/_m3-density.scss +++ b/src/material-experimental/theming/_m3-density.scss @@ -41,7 +41,8 @@ $_density-tokens: ( container-height: (40px, 36px, 32px, 28px), ), (mdc, icon-button): ( - state-layer-size: (40px, 36px, 32px, 28px, 24px, 20px), + // The size caps out at 24px, because anything lower will be smaller than the icon. + state-layer-size: (40px, 36px, 32px, 28px, 24px, 24px), ), (mdc, linear-progress): (), (mdc, list): (