From c879d9a0576805f0dd8cd6107bb64058f802618a Mon Sep 17 00:00:00 2001 From: jgyselov Date: Thu, 9 Oct 2025 14:34:25 +0200 Subject: [PATCH] Remove border from rich input field --- .../lib/common/components/ui/formik/RichInputField.css | 7 ------- .../lib/common/components/ui/formik/RichInputField.tsx | 3 ++- 2 files changed, 2 insertions(+), 8 deletions(-) diff --git a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css index 0a86e14b4e..2d19c548ac 100644 --- a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css +++ b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.css @@ -2,13 +2,6 @@ padding-top: var(--pf-v6-c-helper-text--Gap); } -.rich-input__group { - border-color: var(--pf-v6-global--BorderColor--300) var(--pf-v6-global--BorderColor--300) - var(--pf-v6-global--BorderColor--200) var(--pf-v6-global--BorderColor--300); - border-width: 1px; - border-style: solid; -} - .rich-input__group--invalid { border-bottom-color: var(--pf-v6-global--danger-color--100); } diff --git a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx index 70ff67e7cb..4816753bcd 100644 --- a/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx +++ b/libs/ui-lib/lib/common/components/ui/formik/RichInputField.tsx @@ -14,6 +14,7 @@ import { InputGroupItem, FormHelperText, HelperText, + ButtonVariant, } from '@patternfly/react-core'; import { CheckCircleIcon } from '@patternfly/react-icons/dist/js/icons/check-circle-icon'; import { CheckIcon } from '@patternfly/react-icons/dist/js/icons/check-icon'; @@ -170,7 +171,7 @@ const RichInputField: React.FC = React.forwardRef( ) } - variant="plain" + variant={ButtonVariant.control} aria-label="Validation" />