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

Break tool parameter help words if necessary #2681

Merged
merged 2 commits into from Jul 28, 2016

Conversation

guerler
Copy link
Contributor

@guerler guerler commented Jul 28, 2016

Avoids overflow scrolling and forces word breaks for tool parameter help details which were written without spaces between key words. See e.g. GATK tool in workflow editor. Without this fix, the tool form on the right can be scrolled horizontally within in the side panel. This PR also changes remaining word-break settings to word-wrap instead. The latter have wider browser support. Tested with FF, Safari and Chrome (see also: http://www.w3schools.com/cssref/css3_pr_word-wrap.asp).

wordwrap

@@ -152,7 +152,7 @@
font-size: 0.8em;
font-weight: normal;
top: -1px;
word-break:break-word;
Copy link
Member

Choose a reason for hiding this comment

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

I think this had no effect before as break-word seems to not be a valid value (word-break: normal|break-all|keep-all|initial|inherit; http://www.w3schools.com/cssref/css3_pr_word-break.asp)

Copy link
Contributor Author

@guerler guerler Jul 28, 2016

Choose a reason for hiding this comment

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

It did but not in FF. Its a webkit only feature: http://caniuse.com/#feat=word-break, so should not be used eitherway. Thanks for looking into it.

Copy link
Member

Choose a reason for hiding this comment

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

damn! thanks for the info!

Copy link
Member

Choose a reason for hiding this comment

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

I am revisiting this for purposes of #2591

Should we have a break-word on button titles?

@martenson martenson merged commit e8f2a74 into galaxyproject:dev Jul 28, 2016
@martenson martenson modified the milestones: 16.07, 16.10 Jul 28, 2016
@guerler guerler deleted the help_word_break branch February 19, 2020 19:54
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants