Uploaded image for project: 'IGB'
  1. IGB
  2. IGBF-2374

Improve tooltip placement and interaction

    Details

    • Type: Improvement
    • Status: Closed (View Workflow)
    • Priority: Major
    • Resolution: Done
    • Affects Version/s: None
    • Fix Version/s: None
    • Labels:
      None
    • Story Points:
      0.25
    • Sprint:
      Spring 8 : 24 Apr to 8 May, Spring 8 : 11 May to 25 May, Spring 9 : 25 May to 8 Jun

      Description

      Genome Dashboard has a very nice feature that lets me open a list of all the available genome versions for a species, including the latest one.

      Next to the name of some – but not all – genome versions listed there, I see an "i" (for "information") symbol.

      This is great, but it could be improved!

      First, it's a bit confusing as to why sometimes there is an "i" and sometimes not.

      Also, it is not clear how I'm supposed to use the "i" graphic. If I click it, it does not show me information (as I expected) but instead either displays an error message or opens a new genome in IGB. However, if I hover the mouse over it, a word-balloon-like graphic appears with the "tail" of the balloon pointing to the middle of the genome name, not the "i". So that is a bit confusing. The first time I saw it, I wondered what I had done to make it appear because it was not connected visually to the "i" graphic.

      Can you make the following changes?

      1) Change the "word balloon" graphic so that the pointy end points directly at the "i". The word should be centered on top of the "i" to make it clear which part of the UI has triggered its appearance.

      2) If the user clicks the "i", display the the word balloon graphic.

      3) If the user clicks anywhere else on the menu, open the requested genome in IGB.

      4) At the top of the word balloon, display in different color font the label "Names for this genome version include: " and then list the names (synonyms) starting with the IGB name.

      5) List each name on its own line to improve readability. Don't worry if this makes the word balloon too tall. We will do a better job of curating all the names - many of them are obsolete and can be safely deleted from the synonyms.txt file on the master IGB branch.

      Let's change this so that there is always an "i" (for "information") next to every genome name.

        Attachments

          Issue Links

            Activity

            Hide
            sameer Sameer Shanbhag (Inactive) added a comment -

            Changelog:

            • Added "Names for this genome version include: " at the top of the info balloon
            • Included IGB genome version name on the list of names instead of "No Synonyms found"

            Commits:

            cc: Prof. Ann Loraine and Shamika Gajanan Kulkarni

            Show
            sameer Sameer Shanbhag (Inactive) added a comment - Changelog: Added "Names for this genome version include: " at the top of the info balloon Included IGB genome version name on the list of names instead of "No Synonyms found" Commits: https://bitbucket.org/sshanbh1/genome-dashboard/commits/3b434b3203fd26f6cecf1be2ff2558bbcb67305d https://bitbucket.org/sshanbh1/genome-dashboard/commits/26e7e40f01d45d3d6405e0bb1886100ddc7ce7ae cc: Prof. Ann Loraine and Shamika Gajanan Kulkarni
            Hide
            aloraine Ann Loraine added a comment -

            Not done:

            2) If the user clicks the "i", display the the word balloon graphic.

            Show
            aloraine Ann Loraine added a comment - Not done: 2) If the user clicks the "i", display the the word balloon graphic.
            Hide
            shamika Shamika Gajanan Kulkarni (Inactive) added a comment - - edited

            The genome browser deployed on https://www.bioviz.org/genome-dashboard reflects these changes. As mentioned before, the tooltip displays the synonyms for all genome versions appropriately, one on each line.
            The pointer of the tooltip points to the info icon.
            There's an information icon next to every genome version name.
            The recent as well as older genome versions are loading in IGB appropriately as requested.
            At the top of the info balloon, the label "Names for this genome version include:" is displayed in a different font color. The list of synonyms start with the Genome version name.
            Even though, no synonyms exist, the IGB Genome version name is displayed in the list of names.
            cc: Prof. Ann Loraine

            Please note: Hovering over (not clicking) the information icon displays the word balloon graphic. Clicking anywhere else opens the requested genome version in IGB.

            Show
            shamika Shamika Gajanan Kulkarni (Inactive) added a comment - - edited The genome browser deployed on https://www.bioviz.org/genome-dashboard reflects these changes. As mentioned before, the tooltip displays the synonyms for all genome versions appropriately, one on each line. The pointer of the tooltip points to the info icon. There's an information icon next to every genome version name. The recent as well as older genome versions are loading in IGB appropriately as requested. At the top of the info balloon, the label "Names for this genome version include:" is displayed in a different font color. The list of synonyms start with the Genome version name. Even though, no synonyms exist, the IGB Genome version name is displayed in the list of names. cc: Prof. Ann Loraine Please note: Hovering over (not clicking) the information icon displays the word balloon graphic. Clicking anywhere else opens the requested genome version in IGB.
            Hide
            aloraine Ann Loraine added a comment -

            The header text is not showing for A_gambiae_Oct_2006.

            Moving back to "To-Do" as the feature is not fully implemented yet.

            Show
            aloraine Ann Loraine added a comment - The header text is not showing for A_gambiae_Oct_2006. Moving back to "To-Do" as the feature is not fully implemented yet.
            Hide
            aloraine Ann Loraine added a comment -

            Whoever works on this next: Please do a quick Zoom with Dr. Loraine so she can explain the needed modifications.

            Show
            aloraine Ann Loraine added a comment - Whoever works on this next: Please do a quick Zoom with Dr. Loraine so she can explain the needed modifications.

              People

              • Assignee:
                sameer Sameer Shanbhag (Inactive)
                Reporter:
                aloraine Ann Loraine
              • Votes:
                0 Vote for this issue
                Watchers:
                3 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: