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

Warmfix: style card mode #1398

Merged
jsegarra merged 5 commits from warmfix_style_vnTable_card into test 2025-02-17 17:42:31 +00:00
Conversation 1 Commits 5 Files Changed 1 +7 -6
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/VnTable/VnTable.vue
View File

@ -485,7 +485,7 @@ function cardClick(_, row) {
flat flat
dense dense
:class=" :class="
btn.isPrimary ? 'text-primary-light' : 'color-vn-text ' btn.isPrimary ? 'text-primary-light' : 'color-vn-label'
" "
:style="`visibility: ${ :style="`visibility: ${
((btn.show && btn.show(row)) ?? true) ((btn.show && btn.show(row)) ?? true)
@ -510,7 +510,7 @@ function cardClick(_, row) {
<QCardSection <QCardSection
vertical vertical
class="no-margin no-padding" class="no-margin no-padding"
:class="colsMap.tableActions ? 'w-80' : 'fit'" :class="colsMap.tableActions ? '' : 'fit'"
> >
<!-- Chips --> <!-- Chips -->
<QCardSection <QCardSection
@ -541,7 +541,7 @@ function cardClick(_, row) {
</QCardSection> </QCardSection>
<!-- Fields --> <!-- Fields -->
<QCardSection <QCardSection
class="q-pl-sm q-pr-lg q-py-xs" class="q-pl-sm q-py-xs"
:class="$props.cardClass" :class="$props.cardClass"
> >
<div <div
@ -549,11 +549,11 @@ function cardClick(_, row) {
col, index col, index
) of splittedColumns.cardVisible" ) of splittedColumns.cardVisible"
:key="col.name" :key="col.name"
class="fields"
> >
<VnLv :label="col.label + ':'"> <VnLv :label="col.label + ':'">
<template #value> <template #value>
<span <span
class="q-pl-xs"
@click="stopEventPropagation($event)" @click="stopEventPropagation($event)"
> >
<slot <slot
@ -589,12 +589,12 @@ function cardClick(_, row) {
:title="btn.title" :title="btn.title"
:icon="btn.icon" :icon="btn.icon"
class="q-pa-xs" class="q-pa-xs"
flat
:class=" :class="
alexm commented 2025-02-17 10:36:25 +00:00
Outdated
Review
Copy Link

Quedamos en naranja solo el principal no?

Quedamos en naranja solo el principal no?
jsegarra commented 2025-02-17 11:23:50 +00:00
Outdated
Review
Copy Link

Diria que no, que todos el mismo color
@jgallego ???

Diria que no, que todos el mismo color @jgallego ???
jgallego commented 2025-02-17 11:28:31 +00:00
Outdated
Review
Copy Link

El boton principal, guardar, o "guardar y continuar" en primary-light, el fallo fue que vimos varios naranjas lo cual no deberia ser

El boton principal, guardar, o "guardar y continuar" en primary-light, el fallo fue que vimos varios naranjas lo cual no deberia ser
jsegarra commented 2025-02-17 11:40:33 +00:00
Outdated
Review
Copy Link

Hablamos de los iconos de la columna acciones en una VnTable
@jgallego lo que tu comentas es para los botones de acciones, tipo guardar, dentro de un basic-data(pej)

Hablamos de los iconos de la columna acciones en una VnTable @jgallego lo que tu comentas es para los botones de acciones, tipo guardar, dentro de un basic-data(pej)
jgallego commented 2025-02-17 11:58:17 +00:00
Outdated
Review
Copy Link

En ese caso todo gris exceto el modo list/card que este seleccionado en naranja

En ese caso todo gris exceto el modo list/card que este seleccionado en naranja
jsegarra commented 2025-02-17 12:29:52 +00:00
Outdated
Review
Copy Link

he usado color-vn-label

he usado color-vn-label
alexm commented 2025-02-17 14:16:49 +00:00
Outdated
Review
Copy Link

Fallo mio pensaba q eran las acciones de la VnSubtoolbar

Fallo mio pensaba q eran las acciones de la VnSubtoolbar
btn.isPrimary btn.isPrimary
? 'text-primary-light' ? 'text-primary-light'
: 'color-vn-text ' : 'color-vn-label'
" "
flat
@click="btn.action(row)" @click="btn.action(row)"
/> />
</QCardSection> </QCardSection>
@ -786,6 +786,7 @@ es:
.vn-label-value { .vn-label-value {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center;
color: var(--vn-text-color); color: var(--vn-text-color);
.value { .value {
overflow: hidden; overflow: hidden;