From 12f85f32c3eee490c7fdaaaf1374d8026a9be942 Mon Sep 17 00:00:00 2001
From: fabio <fabio.guachalla@processmaker.com>
Date: Mon, 30 Aug 2021 11:04:40 -0400
Subject: [PATCH] PMCORE-3249: UI - set a slider in list view and card view

---
 .../assets/js/components/dataViews/vueCardView/VueCard.vue | 5 ++++-
 .../assets/js/components/dataViews/vueListView/VueList.vue | 7 +++++--
 .../assets/js/components/menu/CustomSidebarMenuItem.vue    | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/resources/assets/js/components/dataViews/vueCardView/VueCard.vue b/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
index 27985c632..2183d77dd 100644
--- a/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
+++ b/resources/assets/js/components/dataViews/vueCardView/VueCard.vue
@@ -39,8 +39,11 @@ export default {
   color: #212529;
   background-color: #f8f9fa;
 }
-
 .pm-vue-card-inside:hover {
   background-color: #cfd9e4;
 }
+.card-body {
+  height: 266px;
+  overflow-x: hidden;
+}
 </style>
diff --git a/resources/assets/js/components/dataViews/vueListView/VueList.vue b/resources/assets/js/components/dataViews/vueListView/VueList.vue
index 73b3aad3e..23c223cba 100644
--- a/resources/assets/js/components/dataViews/vueListView/VueList.vue
+++ b/resources/assets/js/components/dataViews/vueListView/VueList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="pm-vue-list">
     <div class="card pm-vue-list-inside" @dblclick.prevent="dblClick">
-      <div class="card-body">
+      <div class="list-body">
         <slot> </slot>
       </div>
     </div>
@@ -38,8 +38,11 @@ export default {
   color: #212529;
   background-color: #f8f9fa;
 }
-
 .pm-vue-list-inside:hover {
   background-color: #cfd9e4;
 }
+.list-body {
+  height: 224px;
+  overflow-x: hidden;
+}
 </style>
diff --git a/resources/assets/js/components/menu/CustomSidebarMenuItem.vue b/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
index 340ee1b45..0faf3c73d 100644
--- a/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
+++ b/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
@@ -308,7 +308,7 @@ export default {
             eventBus.$on('highlight', (data) => {
                 var i;
                 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()
                     }
                 }