From a94122c0f4a42c04ef2d75f538813d4d6a86ff8e Mon Sep 17 00:00:00 2001
From: Angel Fernando Quiroz Campos <1697880+AngelFQC@users.noreply.github.com>
Date: Mon, 13 Jan 2025 19:35:06 -0500
Subject: [PATCH] Display: Fix textarea styles

---
 assets/css/app.scss                           | 22 +------------------
 assets/css/scss/atoms/_form.scss              |  3 ++-
 assets/css/scss/atoms/_input_text.scss        | 10 +++++++++
 .../views/Layout/form-theme.html.twig         |  5 +++++
 4 files changed, 18 insertions(+), 22 deletions(-)

diff --git a/assets/css/app.scss b/assets/css/app.scss
index 0bb3369b91..793a7f8d5b 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -520,33 +520,13 @@
 }
 
 form .field {
-  .help-text {
-    color: #666;
-    font-family: 'Arial', sans-serif;
-    font-size: 14px;
-    line-height: 1.6;
-    background-color: #f8f8f8;
-    border-left: 4px solid #007bff;
-    padding: 10px 15px;
-    margin-bottom: 20px;
-    border-radius: 5px;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
-    max-width: 80%;
-    display: inline-block;
-  }
-
-  textarea {
-    width: 100%;
-  }
-
   .freeze {
     display: block;
     padding-top: 10px;
   }
 
   .freeze + label,
-  .advmultiselect + label,
-  textarea + label.settings-label
+  .advmultiselect + label
   {
     font-size: 13px;
     @apply absolute top-0 left-0 text-support-3 text-caption px-1 bg-white text-primary;
diff --git a/assets/css/scss/atoms/_form.scss b/assets/css/scss/atoms/_form.scss
index 241ff54193..2450cf26f0 100644
--- a/assets/css/scss/atoms/_form.scss
+++ b/assets/css/scss/atoms/_form.scss
@@ -57,7 +57,8 @@
 .field {
   @apply mb-4;
 
-  > small {
+  > small,
+  .help-text {
     @apply text-caption text-primary mt-1;
   }
 
diff --git a/assets/css/scss/atoms/_input_text.scss b/assets/css/scss/atoms/_input_text.scss
index 4cd2bae083..b3e1aac7d5 100644
--- a/assets/css/scss/atoms/_input_text.scss
+++ b/assets/css/scss/atoms/_input_text.scss
@@ -64,3 +64,13 @@
 .p-inputnumber-input {
   @apply flex-1;
 }
+
+.p-inputtextarea {
+  &-resizable {
+    @apply overflow-hidden resize-none;
+  }
+
+  .p-fluid & {
+    @apply w-full;
+  }
+}
\ No newline at end of file
diff --git a/src/CoreBundle/Resources/views/Layout/form-theme.html.twig b/src/CoreBundle/Resources/views/Layout/form-theme.html.twig
index 1073cd2b08..7d0f25ce37 100644
--- a/src/CoreBundle/Resources/views/Layout/form-theme.html.twig
+++ b/src/CoreBundle/Resources/views/Layout/form-theme.html.twig
@@ -40,3 +40,8 @@ vendor/symfony/twig-bridge/Resources/views/Form/tailwind_2_layout.html.twig #}
 {%- block checkbox_widget -%}
         <input type="checkbox" {{ block('widget_attributes') }}{% if value is defined %} value="{{ value }}"{% endif %}{% if checked %} checked="checked"{% endif %} />
 {%- endblock checkbox_widget -%}
+
+{%- block textarea_widget -%}
+    {%- set attr = attr|merge({ class: attr.class|default('p-inputtextarea p-inputtext p-component p-filled') }) -%}
+    {{- parent() -}}
+{%- endblock textarea_widget -%}