Improved: Added Pointer on Hover for Completed items icon(#271)

hotwax · Dec 13, 2023 · 0edc660 · 0edc660
1 parent d6efb94
commit 0edc660
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/views/PurchaseOrderDetail.vue b/src/views/PurchaseOrderDetail.vue
@@ -109,7 +109,9 @@
           <ion-text v-else color="medium" class="ion-margin-end">
             {{ $t("COMPLETED: ITEM", { itemsCount: getPOItems('completed').length }) }}
           </ion-text>
-          <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" @click="showCompletedItems = !showCompletedItems" class="pointer"/>
+          <ion-button @click="showCompletedItems = !showCompletedItems" fill="clear">
+            <ion-icon v-if="getPOItems('completed').length" :icon="showCompletedItems ? eyeOutline : eyeOffOutline" />
+          </ion-button>
         </ion-item>
 
         <ion-card v-for="(item, index) in getPOItems('completed')" v-show="showCompletedItems && item.orderItemStatusId === 'ITEM_COMPLETED'" :key="index">
@@ -411,8 +413,5 @@ ion-thumbnail {
     grid: "receive progressbar history ordered" /  max-content 1fr max-content max-content;
     padding-left: var(--spacer-sm);
   }
-  .pointer{
-    cursor: pointer;
-  }
 }
 </style>