verdnatura/salix-front
verdnatura
/
salix-front
2
2
Fork 1
Code Issues Pull Requests 71 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 +31 -3
3 changed files with 31 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ace55c554f - Show all commits

9
src/css/app.scss
View File

@ -127,6 +127,15 @@ select:-webkit-autofill {
background-color: var(--vn-section-color); background-color: var(--vn-section-color);
} }
.q-checkbox {
& .q-checkbox__label {
color: var(--vn-text-color);
}
& .q-checkbox__inner {
color: var(--vn-label-color);
}
}
.q-chip, .q-chip,
.q-notification__message, .q-notification__message,
.q-notification__icon { .q-notification__icon {

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

@ -138,7 +138,7 @@ const ticketsColumns = ref([
<VnTitle :text="t('invoiceOut.summary.taxBreakdown')" /> <VnTitle :text="t('invoiceOut.summary.taxBreakdown')" />
<QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat> <QTable :columns="taxColumns" :rows="invoiceOut.taxesBreakdown" flat>
<template #header="props"> <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"> <QTh v-for="col in props.cols" :key="col.name" :props="props">
{{ t(col.label) }} {{ t(col.label) }}
</QTh> </QTh>
@ -149,6 +149,13 @@ const ticketsColumns = ref([
<QCard class="vn-three"> <QCard class="vn-three">
<VnTitle :text="t('invoiceOut.summary.tickets')" /> <VnTitle :text="t('invoiceOut.summary.tickets')" />
<QTable v-if="tickets" :columns="ticketsColumns" :rows="tickets" flat> <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 }"> <template #body-cell-item="{ value }">
<QTd> <QTd>
<QBtn flat color="primary"> <QBtn flat color="primary">
@ -159,7 +166,7 @@ const ticketsColumns = ref([
</template> </template>
<template #body-cell-quantity="{ value, row }"> <template #body-cell-quantity="{ value, row }">
<QTd> <QTd>
<QBtn flat color="primary" dense> <QBtn class="no-uppercase" flat color="primary" dense>
{{ value }} {{ value }}
<CustomerDescriptorProxy :id="row.id" /> <CustomerDescriptorProxy :id="row.id" />
</QBtn> </QBtn>
@ -170,3 +177,12 @@ const ticketsColumns = ref([
</template> </template>
</CardSummary> </CardSummary>
</template> </template>
<style lang="scss" scoped>
.tr-header{
color: #a8a8a8;
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
}
.no-uppercase{
text-transform: none;
}
</style>

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

@ -183,7 +183,7 @@ const downloadCSV = async () => {
</template> </template>
<template #body-cell-comercial="{ row }"> <template #body-cell-comercial="{ row }">
<QTd> <QTd>
<QBtn flat dense color="blue">{{ row.comercialName }}</QBtn> <QBtn class="no-uppercase" flat dense color="blue">{{ row.comercialName }}</QBtn>
<WorkerDescriptorProxy :id="row.comercialId" /> <WorkerDescriptorProxy :id="row.comercialId" />
</QTd> </QTd>
</template> </template>
@ -211,6 +211,9 @@ const downloadCSV = async () => {
border-radius: 4px; border-radius: 4px;
padding: 6px; padding: 6px;
} }
.no-uppercase{
text-transform: none;
}
</style> </style>
<i18n> <i18n>