Merge pull request #286 from shanmukhdutt/receiving-271

Implemented: Added Pointer on Hover for Completed items icon(#271)
hotwax · Dec 14, 2023 · 069c56f · 069c56f
2 parents 252b049 + a62fd74
commit 069c56f
Showing 1 changed file with 3 additions and 1 deletion.
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" />
+          <ion-button v-if="getPOItems('completed').length" @click="showCompletedItems = !showCompletedItems" fill="clear">
+            <ion-icon :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">