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.

Sign up for GitHub

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

Jump to bottom

Design tweaks to modules: Metadata & Histogram #770

Open
LibbyUX opened this issue Oct 7, 2024 · 1 comment
Open

Design tweaks to modules: Metadata & Histogram #770

LibbyUX opened this issue Oct 7, 2024 · 1 comment
Assignees
@bhushankhope
Labels
app: cde-ui Cell Distance Explorer atomic design: organism Molecule sections that are joined together to form a relatively complex, distinct section of a UI update: cosmetics 💄 Cosmetic UI updates
Milestone
Develop: CDE-UI

Comments

@LibbyUX
Copy link
Contributor

LibbyUX commented Oct 7, 2024 •
edited
Loading

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:

Histogram module tweaks

  • Add full screen mode: Add full screen mode to vis app #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

Figma

Compare

Current implementation

image

Approved specification

image
@LibbyUX LibbyUX added app: cde-ui Cell Distance Explorer update: cosmetics 💄 Cosmetic UI updates atomic design: organism Molecule sections that are joined together to form a relatively complex, distinct section of a UI labels Oct 7, 2024
@LibbyUX LibbyUX added this to the Develop: CDE-UI milestone Oct 7, 2024
@bhushankhope
Copy link
Contributor

bhushankhope commented Oct 7, 2024 •
edited
Loading

@LibbyUX please review the metadata module here

@bhushankhope bhushankhope self-assigned this Oct 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@bhushankhope bhushankhope

Labels
app: cde-ui Cell Distance Explorer atomic design: organism Molecule sections that are joined together to form a relatively complex, distinct section of a UI update: cosmetics 💄 Cosmetic UI updates
Projects
None yet
Milestone
Develop: CDE-UI
Development

No branches or pull requests
2 participants
@bhushankhope @LibbyUX