From 95438ddfcbf775777eeaffec33878e3fbd2cc11b Mon Sep 17 00:00:00 2001 From: Leonardo-Signorelli Date: Wed, 2 Oct 2024 11:16:52 +0200 Subject: [PATCH] fix / fix width kup-date-picker --- .../src/f-components/f-text-field/f-text-field.scss | 12 ++---------- .../src/f-components/f-text-field/f-text-field.tsx | 1 - 2 files changed, 2 insertions(+), 11 deletions(-) diff --git a/packages/ketchup/src/f-components/f-text-field/f-text-field.scss b/packages/ketchup/src/f-components/f-text-field/f-text-field.scss index cf2feef1ee..854e294d6c 100644 --- a/packages/ketchup/src/f-components/f-text-field/f-text-field.scss +++ b/packages/ketchup/src/f-components/f-text-field/f-text-field.scss @@ -71,7 +71,7 @@ var(--kup-text-main) ); --kup_textfield_text_align: var(--kup-textfield-text-align, start); - --kup_textfield_width: var(--kup-textfield-width, 100%); + --kup_textfield_width: var(--kup-textfield-width, fit-content); --mdc-theme-primary: var(--kup_textfield_primary_color); --mdc-shape-small: 0px; --kup_textfield_border_radius: var(--kup-textfield-border-radius, unset); @@ -175,6 +175,7 @@ input { @include kup-body-compact-01; text-align: var(--kup_textfield_text_align); + min-width: max-content; } input::placeholder { @@ -602,13 +603,4 @@ opacity: 1; } } - - @media screen and (min-width: 678px) { - .f-text-field.kup-fit-content-size { - max-width: fit-content; - } - .f-text-field.kup-fit-content-size:has(.mdc-text-field--extra-small) { - max-width: 100%; - } - } } diff --git a/packages/ketchup/src/f-components/f-text-field/f-text-field.tsx b/packages/ketchup/src/f-components/f-text-field/f-text-field.tsx index 6f8f814477..725655f80d 100644 --- a/packages/ketchup/src/f-components/f-text-field/f-text-field.tsx +++ b/packages/ketchup/src/f-components/f-text-field/f-text-field.tsx @@ -28,7 +28,6 @@ export const FTextField: FunctionalComponent = ( 'kup-success': props.success, 'kup-warning': props.warning, [props.wrapperClass]: !!props.wrapperClass, - 'kup-fit-content-size': !!props.size, }; return (