Merge pull request 'feat: #8663 add style to price tag' (!1754) from 8863-estilosOrderCatalog into dev

Reviewed-on: #1754
Reviewed-by: Javi Gallego <jgallego@verdnatura.es>
Reviewed-by: Jorge Penadés <jorgep@verdnatura.es>

src/components/ui/CatalogItem.vue

@@ -42,7 +42,7 @@ const card = toRef(props, 'item');
             </div>
             <div class="content">
                 <span class="link" @click.stop>
-                    {{ card.name }}
+                    {{ card.longName }}
                     <ItemDescriptorProxy :id="card.id" />
                 </span>
                 <p class="subName">{{ card.subName }}</p>
@@ -57,11 +57,12 @@ const card = toRef(props, 'item');
                     <QIcon name="production_quantity_limits" size="xs" />
                     {{ card.minQuantity }}
                 </div>
-                <div class="footer">
+                <div class="footer q-mt-auto">
                     <div class="price">
                         <p v-if="isCatalog">
-                            {{ card.available }} {{ t('to') }}
-                            {{ toCurrency(card.price) }}
+                            <span class="text-primary">{{ card.available }}</span>
+                            {{ t('to') }}
+                            <span class="text-bold" >{{ toCurrency(card.price) }}</span>
                         </p>
                         <slot name="price" />
                         <QIcon v-if="isCatalog" name="add_circle" class="icon">
@@ -144,28 +145,29 @@ const card = toRef(props, 'item');
 }
 
 .footer {
-    .price {
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
 
-        p {
-            font-size: 12px;
-        }
+  .price {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
 
-        .icon {
-            color: $primary;
-            font-size: 24px;
-            cursor: pointer;
-        }
+    p {
+      font-size: 12px;
     }
 
-    .price-kg {
-        font-size: 12px;
+    .icon {
+      color: $primary;
+      font-size: 24px;
+      cursor: pointer;
     }
+  }
+
+  .price-kg {
+    font-size: 12px;
+  }
 }
 
 .item-color-container {

src/pages/Order/Card/OrderCatalog.vue

@@ -19,7 +19,7 @@ const { t } = useI18n();
 const dataKey = 'OrderCatalogList';
 const catalogParams = {
     orderFk: route.params.id,
-    orderBy: JSON.stringify({ field: 'relevancy DESC, name', way: 'ASC', isTag: false }),
+    orderBy: JSON.stringify({ field: 'relevancy DESC, longName', way: 'ASC', isTag: false }),
 };
 const arrayData = useArrayData(dataKey, {
     url: 'Orders/CatalogFilter',