galaxyproject / galaxy

Data intensive science for everyone.
https://galaxyproject.org
Other
1.38k stars 992 forks source link

EDAM toolpanel: improve UX of external links #12741

Open martenson opened 2 years ago

martenson commented 2 years ago

Galaxy Version and/or server at which you observed the bug Galaxy Version: usegalaxy.org

Describe the bug When toolpanel is switched to "edam operations" the panel renders an icon on hover that is generally used for accompanying an external link that opens in a new tab.

Galaxy

I find it confusing that this icon operates as a button. Its target is unclear, its borders are unclear, and its alt text is "Link".

First, I am not sure this link demands such high visibility -- it renders a fairly complex website that I'd assume is hard to parse for people looking for help. (e.g. see "Repeat sequence analysis" ) Second, if the link needs to be this prominent I'd suggest using a right-aligned button-looking fa-info-circle element.

On a minor note rendering that icon currently makes the panel "jump around" when moving mouse because it does not respect its container. (gif below) toolpanel-jumps

hexylena commented 2 years ago

I noticed this when making a video for the release notes, the link to edam topic is certainly cool, and I don't know how else (or where else) you'd communicate "hey it's really part of this giant hierarchy over there that we use to tag tools", but it also doesn't feel very actionable, I'm not sure how I'd use the knowledge of that hierarchy to accomplish any regular tasks. I really do like the tip box though with the definition of the topic name.