From e497ddd66445f83c9aaa8c37d86f048a59f1df57 Mon Sep 17 00:00:00 2001
From: alexm <alexm@verdnatura.es>
Date: Mon, 10 Oct 2022 09:21:14 +0200
Subject: [PATCH] fix: add td-editable

---
 .../travel/front/extra-community/index.html   | 47 +++++++++----------
 .../travel/front/extra-community/style.scss   | 25 +++++-----
 2 files changed, 36 insertions(+), 36 deletions(-)

diff --git a/modules/travel/front/extra-community/index.html b/modules/travel/front/extra-community/index.html
index 8d9b360ea..5174f8da2 100644
--- a/modules/travel/front/extra-community/index.html
+++ b/modules/travel/front/extra-community/index.html
@@ -54,7 +54,7 @@
                         <th field="stickers" number>
                             <span translate>Packages</span>
                         </th>
-                        <th field="kg" centered>
+                        <th field="kg" number>
                             <span translate>Bl. KG</span>
                         </th>
                         <th field="loadedKg" number>
@@ -107,31 +107,30 @@
                                 {{::travel.cargoSupplierNickname}}
                             </span>
                         </td>
-                        <td expand>{{::travel.agencyModeName}}</td>
-                        <td
-                            name="reference"
-                            class="td-editable"
-                            vn-click-stop>
-                            <vn-textfield
-                                class="dense td-editable"
-                                ng-model="travel.ref"
-                                on-change="$ctrl.save(travel.id, {ref: value})">
-                            </vn-textfield>
+                        <td>{{::travel.agencyModeName}}</td>
+                        <td vn-click-stop>
+                            <vn-td-editable name="reference" expand>
+                                <text>{{travel.ref}}</text>
+                                <field>
+                                    <vn-textfield class="dense" vn-focus
+                                        ng-model="travel.ref"
+                                        on-change="$ctrl.save(travel.id, {ref: value})">
+                                    </vn-textfield>
+                                </field>
+                            </vn-td-editable>
                         </td>
                         <td number>{{::travel.stickers}}</td>
-                        <td
-                            name="lockedKg"
-                            class="number"
-                            shrink
-                            vn-click-stop>
-                            <vn-input-number
-                                number
-                                shrink
-                                class="td-editable number"
-                                ng-model="travel.kg"
-                                on-change="$ctrl.save(travel.id, {kg: value})"
-                                min="0">
-                            </vn-input-number>
+                        <td vn-click-stop>
+                            <vn-td-editable name="lockedKg" expand style="text-align: right">
+                                <text number>{{travel.kg}}</text>
+                                <field>
+                                    <vn-input-number class="dense" vn-focus
+                                        ng-model="travel.kg"
+                                        on-change="$ctrl.save(travel.id, {kg: value})"
+                                        min="0">
+                                    </vn-input-number>
+                                </field>
+                            </vn-td-editable>
                         </td>
                         <td number>{{::travel.loadedKg}}</td>
                         <td number>{{::travel.volumeKg}}</td>
diff --git a/modules/travel/front/extra-community/style.scss b/modules/travel/front/extra-community/style.scss
index b3cc73a6a..fb64822f9 100644
--- a/modules/travel/front/extra-community/style.scss
+++ b/modules/travel/front/extra-community/style.scss
@@ -3,7 +3,6 @@
 vn-travel-extra-community {
     .header {
         margin-bottom: 16px;
-        font-size: 1.1rem;
         line-height: 1;
         padding: 7px;
         padding-bottom: 7px;
@@ -16,6 +15,10 @@ vn-travel-extra-community {
         overflow: hidden;
         text-overflow: ellipsis;
         cursor: pointer;
+        .multi-line{
+            padding-top: 15px;
+            padding-bottom: 15px;
+        }
     }
 
     table[vn-droppable] {
@@ -46,21 +49,19 @@ vn-travel-extra-community {
         font-weight: bold;
     }
 
-    .td-editable {
-        max-width: 200px;
-    }
-
-    vn-input-number.number {
-        min-width: 100px;
-    }
-
-    .number * {
-        text-align: center;
-    }
 
     .multi-line{
         max-width: 200px;
         word-wrap: normal;
         white-space: normal;
     }
+
+    vn-td-editable text {
+        background-color: transparent;
+        padding: 0;
+        border: 0;
+        border-bottom: 1px dashed $color-active;
+        border-radius: 0;
+        color: $color-active
+    }
 }