verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 99 Releases Wiki Activity

refactor: refs #6899 corrected Lilium styles and functionalities #304

Merged
jon merged 10 commits from 6899-endInvoiceOutMigration into dev 2024-04-24 07:36:51 +00:00
Conversation 0 Commits 10 Files Changed 3 +41 -6
3 changed files with 41 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/css/app.scss
View File

@ -136,6 +136,19 @@ select:-webkit-autofill {
background-color: var(--vn-section-color);
}
.q-checkbox {
& .q-checkbox__label {
color: var(--vn-text-color);
}
& .q-checkbox__inner {
color: var(--vn-label-color);
}
}
.tr-header {
color: var(--vn-label-color);
jon marked this conversation as resolved
alexm commented 2024-04-24 05:44:23 +00:00
Review
Copy Link

Volem q tots els botons dixen de estar en majuscules??

Volem q tots els botons dixen de estar en majuscules??
jon commented 2024-04-24 06:08:09 +00:00
Review
Copy Link

Yo dejaría el css del botón como estaba antes y una vez esté Lilium migrado mirar como están los botones en salix y ponerlo igual en Lilium

Yo dejaría el css del botón como estaba antes y una vez esté Lilium migrado mirar como están los botones en salix y ponerlo igual en Lilium
}
.q-chip,
.q-notification__message,
.q-notification__icon {

21
src/pages/InvoiceOut/Card/InvoiceOutSummary.vue
View File

@ -138,7 +138,7 @@ const ticketsColumns = ref([
<VnTitle :text="t('invoiceOut.summary.taxBreakdown')" />
<QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat>
<template #header="props">
<QTr :props="props">
<QTr class="tr-header" :props="props">
jon marked this conversation as resolved
alexm commented 2024-04-19 06:44:50 +00:00
Review
Copy Link

Si se quieren poner de manera global para todas las tablas.
Se puede poner el archivo glonal src/css/app.scss
O se puede tambien mirar de poner aqui: https://gitea.verdnatura.es/verdnatura/salix-front/src/branch/dev/src/boot/defaults/qTable.js

Estas clases me refiero:

.tr-header {
    color: var(--vn-label-color);
}
.no-uppercase {
    text-transform: none;
}
Si se quieren poner de manera global para todas las tablas. Se puede poner el archivo glonal `src/css/app.scss` O se puede tambien mirar de poner aqui: `https://gitea.verdnatura.es/verdnatura/salix-front/src/branch/dev/src/boot/defaults/qTable.js ` Estas clases me refiero: ``` .tr-header { color: var(--vn-label-color); } .no-uppercase { text-transform: none; } ```
<QTh v-for="col in props.cols" :key="col.name" :props="props">
{{ t(col.label) }}
</QTh>
@ -149,6 +149,18 @@ const ticketsColumns = ref([
<QCard class="vn-three">
<VnTitle :text="t('invoiceOut.summary.tickets')" />
<QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat>
<template #header="props">
<QTr :props="props">
<QTh
class="tr-header"
v-for="col in props.cols"
:key="col.name"
:props="props"
>
{{ t(col.label) }}
</QTh>
</QTr>
</template>
<template #body-cell-item="{ value }">
<QTd>
<QBtn flat color="primary">
@ -159,7 +171,7 @@ const ticketsColumns = ref([
</template>
<template #body-cell-quantity="{ value, row }">
<QTd>
<QBtn flat color="primary" dense>
<QBtn class="no-uppercase" flat color="primary" dense>
{{ value }}
<CustomerDescriptorProxy :id="row.id" />
</QBtn>
@ -170,3 +182,8 @@ const ticketsColumns = ref([
</template>
</CardSummary>
jon marked this conversation as resolved Outdated
jgallego commented 2024-04-18 08:46:05 +00:00
Outdated
Review
Copy Link

no se ponen colores en el codigo, hay que usar variables con los colores definidos

no se ponen colores en el codigo, hay que usar variables con los colores definidos
</template>
<style lang="scss" scoped>
.no-uppercase {
text-transform: none;
}
</style>

13
src/pages/InvoiceOut/InvoiceOutNegativeBases.vue
View File

@ -119,8 +119,8 @@ const columns = computed(() => [
},
{
label: t('invoiceOut.negativeBases.comercial'),
field: 'workerSocialName',
name: 'comercial',
field: 'workerName',
name: 'worker',
align: 'left',
},
]);
@ -181,9 +181,11 @@ const downloadCSV = async () => {
<TicketDescriptorProxy :id="row.ticketFk" />
</QTd>
</template>
<template #body-cell-comercial="{ row }">
<template #body-cell-worker="{ row }">
<QTd>
<QBtn flat dense color="blue">{{ row.comercialName }}</QBtn>
<QBtn class="no-uppercase" flat dense color="blue">{{
row.workerName
}}</QBtn>
<WorkerDescriptorProxy :id="row.comercialId" />
</QTd>
</template>
@ -211,6 +213,9 @@ const downloadCSV = async () => {
border-radius: 4px;
padding: 6px;
}
.no-uppercase {
text-transform: none;
}
</style>
<i18n>