diff --git a/src/views/HardCountDetail.vue b/src/views/HardCountDetail.vue index dc370692..70d0ce11 100644 --- a/src/views/HardCountDetail.vue +++ b/src/views/HardCountDetail.vue @@ -107,15 +107,19 @@ - + {{ translate("Add to existing count") }} + + {{ inputCount }} - - {{ translate("Replace existing count") }} + + + {{ translate("Replace existing count") }} + {{ isItemAlreadyAdded(currentProduct) ? currentProduct.quantity : currentProduct.scannedCount }} {{ inputCount }} + @@ -183,6 +187,7 @@ import { IonFabButton, IonInput, IonLabel, + IonNote, IonPage, IonRadio, IonRadioGroup, @@ -744,6 +749,25 @@ aside { grid-column: span 2; } +/* + We are not able to show the count using ion-note at the right of the ion-radio when used inside of the ion-item because of it's default css + The following CSS is used to override the default ion-radio styles when placed inside an ion-item. + This customization ensures that the count displayed in the right slot is properly styled and aligned. +*/ +ion-radio > ion-label { + display: flex !important; + flex: 1; + justify-content: space-between; +} + +ion-radio::part(label) { + flex: 1; +} + +.line-through { + text-decoration: line-through; +} + @media (max-width: 991px) { .product { grid: "image"