From ccd75c7e6e7c27afec46081d2f44ff2658cb2f2e Mon Sep 17 00:00:00 2001
From: dcore94 <m.lettere@gmail.com>
Date: Wed, 13 Dec 2023 19:07:56 +0100
Subject: [PATCH] changed description to textarea and show it without trigger

---
 ccp/js/inputwidgetcontroller.js        | 5 ++++-
 ccp/js/inputwidgeteditorcontroller.js  | 4 +++-
 ccp/js/outputwidgeteditorcontroller.js | 3 ++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/ccp/js/inputwidgetcontroller.js b/ccp/js/inputwidgetcontroller.js
index 41eb7db..87a027d 100644
--- a/ccp/js/inputwidgetcontroller.js
+++ b/ccp/js/inputwidgetcontroller.js
@@ -246,13 +246,16 @@ class CCPBaseInputWidgetController extends HTMLElement{
             <div>
               ${this.required ? `<span title="Required" class="p-1 text-danger">*</span>` : ``}
               ${this.title}
-              <span class="badge text-primary" title="${this.#description}" alt="${this.#description}">?</span>
+              <!--span class="badge text-primary" title="${this.#description}" alt="${this.#description}">?</span-->
             </div>
             <div name="tools" class="d-flex" style="gap:2px">
               <div name="plusminus">
               </div>
             </div>
           </div>
+          <div class="d-none">
+            <small class="text-muted>${this.#description}</small>
+          </div>
           <div name="content">
           </div>
         </label>
diff --git a/ccp/js/inputwidgeteditorcontroller.js b/ccp/js/inputwidgeteditorcontroller.js
index 26a79e8..5994641 100644
--- a/ccp/js/inputwidgeteditorcontroller.js
+++ b/ccp/js/inputwidgeteditorcontroller.js
@@ -78,7 +78,9 @@ class CCPInputWidgetEditorController extends HTMLElement{
             </div>
             <div class="mb-3">
               <div class="form-field" title="description">
-                <input name="description" class="form-control" placeholder="description" value="${input.description}" required="required" ${ input.id === 'ccpimage' ? 'readonly' : ''}/>
+                <textarea rows="1" name="description" class="form-control" placeholder="description" required="required" ${ input.id === 'ccpimage' ? 'readonly' : ''}>
+                  ${input.description}
+                <textarea>
               </div>
             </div>
             <div class="row mb-3">
diff --git a/ccp/js/outputwidgeteditorcontroller.js b/ccp/js/outputwidgeteditorcontroller.js
index 336c4e6..c741ed7 100644
--- a/ccp/js/outputwidgeteditorcontroller.js
+++ b/ccp/js/outputwidgeteditorcontroller.js
@@ -44,7 +44,8 @@ class CCPOutputWidgetEditorController extends HTMLElement {
             </div>
             <div class="mb-3">
               <div class="form-field" title="Description">
-                <input name="description" class="form-control" placeholder="description" value="${this.#output.description}" required="required"/>
+                <textarea rows="1" name="description" class="form-control" placeholder="description" required="required">
+                </textarea>
               </div>
             </div>
             <div class="row mb-3">