PMCORE-3249: UI - set a slider in list view and card view
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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()
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user