PMCORE-3249: UI - set a slider in list view and card view

This commit is contained in:
fabio
2021-08-30 11:04:40 -04:00
parent c0b996ebf3
commit 12f85f32c3
3 changed files with 10 additions and 4 deletions

View File

@@ -39,8 +39,11 @@ export default {
color: #212529; color: #212529;
background-color: #f8f9fa; background-color: #f8f9fa;
} }
.pm-vue-card-inside:hover { .pm-vue-card-inside:hover {
background-color: #cfd9e4; background-color: #cfd9e4;
} }
.card-body {
height: 266px;
overflow-x: hidden;
}
</style> </style>

View File

@@ -1,7 +1,7 @@
<template> <template>
<div class="pm-vue-list"> <div class="pm-vue-list">
<div class="card pm-vue-list-inside" @dblclick.prevent="dblClick"> <div class="card pm-vue-list-inside" @dblclick.prevent="dblClick">
<div class="card-body"> <div class="list-body">
<slot> </slot> <slot> </slot>
</div> </div>
</div> </div>
@@ -38,8 +38,11 @@ export default {
color: #212529; color: #212529;
background-color: #f8f9fa; background-color: #f8f9fa;
} }
.pm-vue-list-inside:hover { .pm-vue-list-inside:hover {
background-color: #cfd9e4; background-color: #cfd9e4;
} }
.list-body {
height: 224px;
overflow-x: hidden;
}
</style> </style>

View File

@@ -308,7 +308,7 @@ export default {
eventBus.$on('highlight', (data) => { eventBus.$on('highlight', (data) => {
var i; var i;
for (i = 0; i < data.length; i += 1) { for (i = 0; i < data.length; i += 1) {
if (that.item.id && that.item.id === data[i].id) { if (that.item.page && that.item.page === data[i].id) {
that.$refs.tooltip.setHighlight() that.$refs.tooltip.setHighlight()
} }
} }