fix(lnf): add af-form__label-container div and remove margin from sty…

…le (#752) * fix(lnf): add af-form__label-container div and remove margin from style * fix(lnf): change div render condition
AxaFrance · Jan 20, 2025 · a8ebe87 · a8ebe87
1 parent ffe7751
commit a8ebe87
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 16 deletions.
diff --git a/client/look-and-feel/css/src/Form/TextArea/TextArea.scss b/client/look-and-feel/css/src/Form/TextArea/TextArea.scss
@@ -4,7 +4,6 @@
 .af-form__input-textarea {
   width: 100%;
   height: common.rem(142);
-  margin-top: 0.5rem;
   padding: 1rem 2.5rem 1rem 1rem;
   border: 1px solid var(--color-gray);
   border-radius: var(--default-border-radius);

diff --git a/client/look-and-feel/react/src/Form/TextArea/TextArea.tsx b/client/look-and-feel/react/src/Form/TextArea/TextArea.tsx
@@ -48,21 +48,25 @@ const TextArea = forwardRef<HTMLTextAreaElement, Props>(
 
     return (
       <div className="af-form__input-container">
-        <label htmlFor={inputId} className="af-form__input-label">
-          {label} {required && <span> *</span>}
-        </label>
-        {description && (
-          <span className="af-form__input-description">{description}</span>
-        )}
-        {buttonLabel && (
-          <Button
-            className="af-form__input-more"
-            variant={Variants.ghost}
-            iconLeft={<Svg src={infoIcon} />}
-            onClick={onButtonClick}
-          >
-            {buttonLabel}
-          </Button>
+        {label && (
+          <div className="af-form__label-container">
+            <label htmlFor={inputId} className="af-form__input-label">
+              {label} {required && <span> *</span>}
+            </label>
+            {description && (
+              <span className="af-form__input-description">{description}</span>
+            )}
+            {buttonLabel && (
+              <Button
+                className="af-form__input-more"
+                variant={Variants.ghost}
+                iconLeft={<Svg src={infoIcon} />}
+                onClick={onButtonClick}
+              >
+                {buttonLabel}
+              </Button>
+            )}
+          </div>
         )}
         <textarea
           id={inputId}