fix: milestone popover date wrapping
Relates to issue #81104 (moved)
Changes
This MR fixes the milestone popover date wrapping issue by making three key improvements to app/assets/javascripts/issuable/popover/components/milestone_popover.vue:
-
Removed minimum width constraintRemoved:css-classes="['gl-min-w-34']"prop from the<gl-popover>componentThe popover now sizes naturally based on content, consistent with issue and MR popovers
-
Removed title width constraintChangedclass="gl-my-3 gl-max-w-30"toclass="gl-my-3"on the title headingThe title can now use available space naturally without artificial constraints
-
Added flex-wrap to first row layoutChangedclass="gl-flex gl-items-center gl-gap-2"toclass="gl-flex gl-flex-wrap gl-items-center gl-gap-2"The timeframe text will now wrap to a complete new line gracefully when needed, rather than breaking mid-text
The changes made by Duo were incorrect. I have manually edited this MR -- all that was needed was gl-whitespace-nowrap on the milestone dates.
| Before | After |
|---|---|
|
|
Expected Improvements:
Edited by Chad Lavimoniere

