AllenCell/cell-feature-explorer

Would be good to align all tooltip styling

Open

#110 opened on Aug 19, 2022

View on GitHubContributor guide
 (1 comment) (0 reactions) (0 assignees)TypeScript (1 fork)auto 404
good first issue

Repository metrics

Stars
 (3 stars)
PR merge metrics
 (PR metrics pending)

Description

Description

There are different tooltip styles for the plot controls, in the 3D Viewer viewing area (dropdowns), and in the left panel. It would be nice to chose just one style that has sufficient contrast on any background.

Related to: https://github.com/allen-cell-animated/website-3d-cell-viewer/issues/53

Expected Behavior

We should align tooltip styles and just choose one.

Reproduction

Hover over areas mentioned above in CFE

Environment

n/a

Notes

Screen Shot 2022-08-19 at 2 18 32 PM

This is the image of my suggestion which I've already outlined in the style guide master file here for CFE: https://xd.adobe.com/view/41f74a61-2a1a-401e-b824-1aace1f98e2e-14a4/

font-size: 12px; color: #fff; background: #595959;

Contributor guide

Research direction
Locate the tooltip components in the plot controls, 3D viewer, and left panel, then apply the suggested style (12px font size, white text on #595959 background) consistently.
Tech stack
typescriptcss
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Mostly clear
Prerequisites
GitCSS
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80