-
Notifications
You must be signed in to change notification settings - Fork 27
Fixed:fixes the ui displaying label under chip(#360) #371
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Conversation
|
@gemini-code-assist review |
There was a problem hiding this 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.
| <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"> |
There was a problem hiding this comment.
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"> |
There was a problem hiding this comment.
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
Related Issues
#360

Fixed: showing the chip and label ,displaying the label under the chip in UI
Short Description and Why It's Useful
Screenshots of Visual Changes before/after (If There Are Any)
Contribution and Currently Important Rules Acceptance