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

Merge pull request 'Warmfix: style card mode' (!1398) from warmfix_style_vnTable_card into test
gitea/salix-front/pipeline/head This commit looks good Details 

Reviewed-on: #1398
Reviewed-by: Alex Moreno <alexm@verdnatura.es>
This commit is contained in:
Javier Segarra 2025-02-17 17:42:30 +00:00
parent 3e2caa18d2 22bedf2fc4
commit 07e6cebf04
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="
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;