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

feat: break long expression names #736

Merged
merged 2 commits into from
Jan 31, 2023
Merged

feat: break long expression names #736

merged 2 commits into from
Jan 31, 2023

Conversation

marstamm
Copy link
Contributor

@marstamm marstamm commented Jan 31, 2023

Recording 2023-01-31 at 14 20 51

  • show the label as title so hover always shows complete label
  • break label up to 3 lines
  • Use ellipses afterwards to prevent super long labels or expressions of taking up the whole screen

Note: I used -webkit-line-clamp for multi-line ellipsis. This is supported in all major browsers (except IE, cf. https://caniuse.com/css-line-clamp)

@bpmn-io-tasks bpmn-io-tasks bot added the in progress Currently worked on label Jan 31, 2023
@marstamm marstamm marked this pull request as ready for review January 31, 2023 13:27
@bpmn-io-tasks bpmn-io-tasks bot added needs review Review pending and removed in progress Currently worked on labels Jan 31, 2023
@marstamm marstamm requested review from a team, philippfromme and barmac and removed request for a team January 31, 2023 13:27
@@ -143,7 +143,7 @@ function DefaultInputHeaderCell(props, context) {

{
label ? (
<div className="input-label" title={ translate('Input Label') }>
Copy link
Member

Choose a reason for hiding this comment

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

Shall we keep the prefix Input Label here? The intention would be to still tell users what this is, but also provide full details: Input Label - SOME TEXT THAT I ENTERED AS A USER for example.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Makes sense, I just noticed we do it for the decision Name already

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Adjusted with 6466c76

@nikku nikku merged commit 2a7a09e into develop Jan 31, 2023
@nikku nikku deleted the 719-long-names branch January 31, 2023 14:05
@bpmn-io-tasks bpmn-io-tasks bot removed the needs review Review pending label Jan 31, 2023
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