From cd6883b5144372a74471617ab66bf5c8d51d2cd0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?La=C3=ADs=20Fray=20Ribeiro?= Date: Thu, 1 Aug 2024 18:14:45 -0300 Subject: [PATCH] fix(field): fix width style changes the component's styles so that it does not have a fixed width, but rather a minimum width, so that it can respect an increase in size requested by the parent (justify: 'stretch', for example) fix #1787 --- .../shoreline/src/components/field/stories/show.stories.tsx | 2 +- packages/shoreline/src/themes/sunrise/components/field.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/shoreline/src/components/field/stories/show.stories.tsx b/packages/shoreline/src/components/field/stories/show.stories.tsx index dcbb3dc897..1b7fe5cd58 100644 --- a/packages/shoreline/src/components/field/stories/show.stories.tsx +++ b/packages/shoreline/src/components/field/stories/show.stories.tsx @@ -14,7 +14,7 @@ export function Show() { const [value, setValue] = useState('') return ( - + diff --git a/packages/shoreline/src/themes/sunrise/components/field.css b/packages/shoreline/src/themes/sunrise/components/field.css index 3bdceb6293..2b836e7d2d 100644 --- a/packages/shoreline/src/themes/sunrise/components/field.css +++ b/packages/shoreline/src/themes/sunrise/components/field.css @@ -1,7 +1,7 @@ [data-sl-field] { display: inline-flex; flex-direction: column; - width: fit-content; + min-width: fit-content; &[data-space='normal'] { gap: var(--sl-space-1);