Skip to content

Conversation

@SuyashSingh01
Copy link

@SuyashSingh01 SuyashSingh01 commented Sep 17, 2025

Related Issues

#360
Fixed: showing the chip and label ,displaying the label under the chip in UI
Screenshot from 2025-09-17 09-54-38

Short Description and Why It's Useful

Screenshots of Visual Changes before/after (If There Are Any)

Contribution and Currently Important Rules Acceptance

@dt2patel
Copy link
Contributor

@gemini-code-assist review

Copy link

@gemini-code-assist gemini-code-assist bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Code Review

This pull request addresses a UI issue where a label was not correctly displayed under its corresponding chip. The fix involves wrapping the ion-chip and ion-note components in a div and applying centering. The changes are straightforward and seem to solve the problem. I've added a couple of suggestions to improve code formatting and ensure the new styles work as intended.

@ymaheshwari1 ymaheshwari1 requested a review from dt2patel October 15, 2025 12:25
<ion-label>{{ facility.orderCount }} {{ '/' }} {{ facility.maximumOrderLimit }}</ion-label>
</ion-chip>
<ion-note class="config-label">{{ translate('threshold consumed') }}</ion-note>
<div class="ion-text-center">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

remove this div

<ion-chip outline @click.stop="changeOrderLimitPopover($event, facility)">
<ion-label>{{ facility.orderCount }} {{ '/' }} {{ facility.maximumOrderLimit }}</ion-label>
</ion-chip>
<ion-note class="config-note">
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

https://ionicframework.com/docs/layout/css-utilities#display

set display block using utility class. Remove all css for this class

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants