Skip to content
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

Correct various popup menu glitches #717

Merged
merged 10 commits into from
Dec 7, 2022
Merged

Correct various popup menu glitches #717

merged 10 commits into from
Dec 7, 2022

Conversation

nikku
Copy link
Member

@nikku nikku commented Dec 6, 2022

The origin of this PR was an investigation to upgrade the bpmn-js-color-picker to use this library. That turned into adding an actual popup menu integration test and discovering + fixing a multitude of issues:

  • FIX: We don't account for title attribute in body entries; this is a regression (323bd88)
  • FIX: We apply icon margins independent of whether or not the margin (between icon + X is needed). This requires us to workaround in downstream libraries (cf2c665)
  • CHORE / FEAT: we don't add title consistently (23891c9) to elements that truncate if too long (ce2470b)
  • CHORE: misc theming improvements

Integration test in action

image


While this PR applies basic structural HTML changes I regard them as fixes, rather than a new feature.

bpmn-js showcase

capture 6ao6jg_optimized

bpmn-js-color-picker extension (all custom styles dropped)

capture 2HvYrL_optimized

@bpmn-io-tasks bpmn-io-tasks bot added the needs review Review pending label Dec 6, 2022
@nikku nikku requested review from smbea and barmac December 6, 2022 20:25
@nikku
Copy link
Member Author

nikku commented Dec 6, 2022

Happy to split this one up over multiple PRs if that makes reviewing easier.

@smbea
Copy link
Contributor

smbea commented Dec 7, 2022

The margin in the header entries is now significantly bigger. Was this intentional?
Screenshot 2022-12-07 at 10 28 44

Comparison:
Screenshot 2022-12-07 at 10 32 41

@nikku
Copy link
Member Author

nikku commented Dec 7, 2022

No, it is not. Will fix it.

nikku added 4 commits December 7, 2022 11:25
* Apply uniform margins in header and and body entries
* Ensure entries do not cause margins unless needed
* Align structure across header and body entries
* Treat any `*icon` class as a marker (injecting an icon font symbol)
* Consolidate icons sizes to always be full height
Allows users to inspect truncated items.
@nikku nikku force-pushed the image-icons-margins branch from 23891c9 to 103b4c8 Compare December 7, 2022 10:26
@nikku
Copy link
Member Author

nikku commented Dec 7, 2022

Accidentally added via 042ebe1 and now removed (again).

image

Copy link
Contributor

@smbea smbea left a comment

Choose a reason for hiding this comment

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

Everything else looks good!

@nikku nikku merged commit 0393188 into develop Dec 7, 2022
@nikku nikku deleted the image-icons-margins branch December 7, 2022 18:53
@bpmn-io-tasks bpmn-io-tasks bot removed the needs review Review pending label Dec 7, 2022
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.

2 participants