From 05619d25109099440fb230ab9b2e1a326d1c9872 Mon Sep 17 00:00:00 2001 From: emyarod Date: Fri, 27 Dec 2024 08:02:55 -0600 Subject: [PATCH] fix(tile): update clickable tile icon size and spacing (#18068) Co-authored-by: Taylor Jones --- packages/styles/scss/components/tile/_tile.scss | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/packages/styles/scss/components/tile/_tile.scss b/packages/styles/scss/components/tile/_tile.scss index 47d38824a3ce..0490e0e55ca9 100644 --- a/packages/styles/scss/components/tile/_tile.scss +++ b/packages/styles/scss/components/tile/_tile.scss @@ -15,6 +15,7 @@ @use '../../type' as *; @use '../../utilities/ai-gradient' as *; @use '../../utilities/button-reset'; +@use '../../utilities/convert'; @use '../../utilities/component-reset'; @use '../../utilities/focus-outline' as *; @use '../../utilities/high-contrast-mode' as *; @@ -131,8 +132,10 @@ $-icon-container-size: calc(#{layout.density('padding-inline')} * 2 + 1rem); .#{$prefix}--tile--clickable.#{$prefix}--link--disabled .#{$prefix}--tile--disabled-icon { position: absolute; - inset-block-end: layout.density('padding-inline'); - inset-inline-end: layout.density('padding-inline'); + block-size: convert.to-rem(20px); + inline-size: convert.to-rem(20px); + inset-block-end: convert.to-rem(12px); + inset-inline-end: convert.to-rem(12px); } .#{$prefix}--tile--clickable .#{$prefix}--tile--icon {