From 7c9322d52ca971769010817340d326e1b3ddbffa Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 24 Oct 2023 12:49:36 +0200
Subject: [PATCH 1/4] refs #6256 lv breakword

---
 src/components/ui/CardSummary.vue           |  6 +++--
 src/components/ui/VnLv.vue                  | 26 +++++++++++++++++++--
 src/pages/Customer/Card/CustomerSummary.vue |  2 +-
 3 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index b54e44398..a95cc414b 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -93,7 +93,7 @@ watch(props, async () => {
             flex: 2;
         }
         > .q-card.vn-three {
-            flex: 3;
+            flex: 4;
         }
         > .q-card.vn-max {
             width: 100%;
@@ -112,11 +112,13 @@ watch(props, async () => {
                 margin-top: 5px;
                 .label {
                     color: var(--vn-label);
-                    width: 10em;
+                    width: 8em;
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
                     margin-right: 10px;
+                    flex-grow: 0;
+                    flex-shrink: 0;
                 }
                 .value {
                     color: var(--vn-text);
diff --git a/src/components/ui/VnLv.vue b/src/components/ui/VnLv.vue
index 0f9b99713..3863b4f30 100644
--- a/src/components/ui/VnLv.vue
+++ b/src/components/ui/VnLv.vue
@@ -9,14 +9,36 @@ const $props = defineProps({
     titleValue: { type: [Number, String, Boolean], default: null },
     info: { type: String, default: null },
     dash: { type: Boolean, default: true },
+    textOverflow: { type: String, default: 'ellipsis' },
 });
 const isBooleanValue = computed(() => typeof $props.value === 'boolean');
+const textOverflowClass = computed(() => {
+    if ($props.textOverflow === 'ellipsis') return 'line-break-text';
+    return 'ellipsis-text';
+});
 </script>
+<style scoped>
+.ellipsis-text {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.line-break-text {
+    white-space: pre-line;
+    hyphens: auto;
+    word-wrap: break-word;
+}
+</style>
 <template>
     <div class="vn-label-value">
         <div v-if="$props.label || $slots.label" class="label">
             <slot name="label">
-                <span :title="$props.titleLabel ?? $props.label">{{ $props.label }}</span>
+                <span
+                    :title="$props.titleLabel ?? $props.label"
+                    :class="textOverflowClass"
+                    >{{ $props.label }}</span
+                >
             </slot>
         </div>
         <div class="value">
@@ -28,7 +50,7 @@ const isBooleanValue = computed(() => typeof $props.value === 'boolean');
                 />
             </span>
             <slot v-else name="value">
-                <span :title="$props.value">
+                <span :title="$props.value" :class="textOverflowClass">
                     {{ $props.dash ? dashIfEmpty($props.value) : $props.value }}
                 </span>
             </slot>
diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index 081bdd157..f2653900d 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -60,7 +60,7 @@ const creditWarning = computed(() => {
 <template>
     <CardSummary ref="summary" :url="`Clients/${entityId}/summary`">
         <template #body="{ entity }">
-            <QCard class="vn-one">
+            <QCard class="vn-two">
                 <a class="header" :href="clientUrl + `basic-data`">
                     {{ t('customer.summary.basicData') }}
                     <QIcon name="open_in_new" color="primary" />

From b6fc7cd0b4a541ded319cfaa527f39d17765d343 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 24 Oct 2023 13:41:24 +0200
Subject: [PATCH 2/4] refs #6256 vn-one

---
 src/pages/Customer/Card/CustomerSummary.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/Customer/Card/CustomerSummary.vue b/src/pages/Customer/Card/CustomerSummary.vue
index f2653900d..081bdd157 100644
--- a/src/pages/Customer/Card/CustomerSummary.vue
+++ b/src/pages/Customer/Card/CustomerSummary.vue
@@ -60,7 +60,7 @@ const creditWarning = computed(() => {
 <template>
     <CardSummary ref="summary" :url="`Clients/${entityId}/summary`">
         <template #body="{ entity }">
-            <QCard class="vn-two">
+            <QCard class="vn-one">
                 <a class="header" :href="clientUrl + `basic-data`">
                     {{ t('customer.summary.basicData') }}
                     <QIcon name="open_in_new" color="primary" />

From d328951ac17989448987e6a69b17db1bf7c00ed7 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Tue, 5 Dec 2023 14:26:11 +0100
Subject: [PATCH 3/4] refs #6256 refactor line break

---
 src/components/ui/CardSummary.vue |  3 ---
 src/components/ui/VnLv.vue        | 22 ++++------------------
 2 files changed, 4 insertions(+), 21 deletions(-)

diff --git a/src/components/ui/CardSummary.vue b/src/components/ui/CardSummary.vue
index a95cc414b..9f3d9756b 100644
--- a/src/components/ui/CardSummary.vue
+++ b/src/components/ui/CardSummary.vue
@@ -122,10 +122,7 @@ watch(props, async () => {
                 }
                 .value {
                     color: var(--vn-text);
-                    width: max-content;
                     overflow: hidden;
-                    white-space: nowrap;
-                    text-overflow: ellipsis;
                 }
             }
             .header {
diff --git a/src/components/ui/VnLv.vue b/src/components/ui/VnLv.vue
index 3863b4f30..add546ab0 100644
--- a/src/components/ui/VnLv.vue
+++ b/src/components/ui/VnLv.vue
@@ -9,22 +9,12 @@ const $props = defineProps({
     titleValue: { type: [Number, String, Boolean], default: null },
     info: { type: String, default: null },
     dash: { type: Boolean, default: true },
-    textOverflow: { type: String, default: 'ellipsis' },
 });
 const isBooleanValue = computed(() => typeof $props.value === 'boolean');
-const textOverflowClass = computed(() => {
-    if ($props.textOverflow === 'ellipsis') return 'line-break-text';
-    return 'ellipsis-text';
-});
 </script>
 <style scoped>
-.ellipsis-text {
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.line-break-text {
+.label,
+.value {
     white-space: pre-line;
     hyphens: auto;
     word-wrap: break-word;
@@ -34,11 +24,7 @@ const textOverflowClass = computed(() => {
     <div class="vn-label-value">
         <div v-if="$props.label || $slots.label" class="label">
             <slot name="label">
-                <span
-                    :title="$props.titleLabel ?? $props.label"
-                    :class="textOverflowClass"
-                    >{{ $props.label }}</span
-                >
+                <span :title="$props.titleLabel ?? $props.label">{{ $props.label }}</span>
             </slot>
         </div>
         <div class="value">
@@ -50,7 +36,7 @@ const textOverflowClass = computed(() => {
                 />
             </span>
             <slot v-else name="value">
-                <span :title="$props.value" :class="textOverflowClass">
+                <span :title="$props.value">
                     {{ $props.dash ? dashIfEmpty($props.value) : $props.value }}
                 </span>
             </slot>

From 9a4a3e846e469f774c593a0a0b319b47f9020809 Mon Sep 17 00:00:00 2001
From: carlossa <carlossa@verdnatura.es>
Date: Wed, 20 Dec 2023 13:28:58 +0100
Subject: [PATCH 4/4] refs #6256 remove hypens

---
 src/components/ui/VnLv.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/ui/VnLv.vue b/src/components/ui/VnLv.vue
index add546ab0..72375e804 100644
--- a/src/components/ui/VnLv.vue
+++ b/src/components/ui/VnLv.vue
@@ -16,7 +16,6 @@ const isBooleanValue = computed(() => typeof $props.value === 'boolean');
 .label,
 .value {
     white-space: pre-line;
-    hyphens: auto;
     word-wrap: break-word;
 }
 </style>