PMCORE-3284:UI - set the color in the icon for custom case list

correction menu

documentation

CR

resources/assets/js/components/headers/MultiviewHeader.vue

@@ -8,7 +8,7 @@
             <h6>
               {{ dataSubtitle.subtitle }}
               <span>
-                <i :class="dataSubtitle.icon"></i>
+                <i :class="dataSubtitle.icon" v-bind:style="setIconColor"></i>
               </span>
             </h6>
           </div>
@@ -43,6 +43,16 @@ export default {
   data() {
     return {};
   },
+  computed : {
+    /**
+     * Set color to icon defined from custom case list
+     */
+    setIconColor() {
+      return {
+        color: this.dataSubtitle.color ? this.dataSubtitle.color : '#000'
+      };
+    }
+  },
   methods: {
     classBtn(cls) {
       return "btn btn-slim btn-force-radius v-btn-header " + cls;
@@ -55,8 +65,6 @@ export default {
 .pm-multiview-header {
   margin-bottom: 7px;
 }
-.pm-multiview-header-title {
-}
 .pm-multiview-header-actions-buttons {
   text-align: end;
 }