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

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>

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>

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()
                     }
                 }