Design tweaks to modules: Metadata & Histogram

[LibbyUX]

Design tweaks to modules: Metadata & Histogram

Small design tweaks have been added to the Metadata/Sample Metadata module and the Histogram module:

• Add "More" icon button with micro tooltip More on hover
• Add micro tooltips for Expand and Collapse on hover of Minus and Plus icon buttons
• Add menus for both modules:
  • Metadata/Sample Metadata
  • Histogram
  • Users will receive a snackbar when downloading files from our menus.

Histogram module tweaks

• Add full screen mode: #640
• Legend: Remove scrolling listing for the current legend. This was redundant so we removed it.
  • Add "All Cells" area in the Histogram. On click of the color swatch button, users receive the color picker flyout for all cells in the histogram.

    Metadata/Sample Metadata module tweak

• Update the styles of the metadata listing

Design system open issues

• 755

Figma

• Histogram
  • Menus & tooltips
  • Full screen mode
• Metadata/Sample Metadata
  • Menus & tooltips

Compare

Current implementation

Approved specification

[bhushankhope]

@LibbyUX please review the metadata module here