shopfloor_mobile: split picking note correctly

camptocamp · Apr 10, 2024 · 4348eef · 4348eef
1 parent e18e5d8
commit 4348eef
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 2 deletions.
diff --git a/shopfloor_mobile/static/wms/src/css/main.css b/shopfloor_mobile/static/wms/src/css/main.css
@@ -71,3 +71,10 @@ I tested only w/ checkout/select_package for now
     top: 5px;
     right: 5px;
 }
+
+/*
+Split the lines correctly in the picking note if there are multiple lines
+*/
+.picking-note {
+    white-space: pre-line;
+}
diff --git a/shopfloor_mobile/static/wms/src/scenario/checkout.js b/shopfloor_mobile/static/wms/src/scenario/checkout.js
@@ -77,7 +77,7 @@ const Checkout = {
 
             <div v-if="state_is('select_package')">
                 <v-alert type="info" tile v-if="state.data.picking.note" class="packing-info">
-                    <p v-text="state.data.picking.note" />
+                    <p class="picking-note" v-text="state.data.picking.note" />
                 </v-alert>
                 <item-detail-card
                     v-if="state.data.picking.carrier"

diff --git a/shopfloor_mobile/static/wms/src/scenario/cluster_picking.js b/shopfloor_mobile/static/wms/src/scenario/cluster_picking.js
@@ -31,7 +31,7 @@ const ClusterPicking = {
                 v-on:cancel="state.on_cancel"
                 />
             <v-alert type="info" tile v-if="state_is('start_line') && state.data.picking.note" class="packing-info">
-                <p v-text="state.data.picking.note" />
+                <p class="picking-note" v-text="state.data.picking.note" />
             </v-alert>
             <batch-picking-line-detail
                 v-if="state_in(['start_line', 'scan_destination', 'change_pack_lot', 'stock_issue'])"