Page MenuHomeElementl

[dagit] Adjust run status colors

Authored by dish on Feb 10 2021, 8:00 PM.



Make some adjustments to the "run status" dots:

  • Create a storybook story for status dots
  • Modify colors to be a bit brighter, especially SUCCESS and QUEUED.
  • Use a pulsing animation for statuses that are in progress or queued, to make the app feel a little more alive
  • Make the default dot size 12px to line up better with 4px-based spacing elsewhere
Test Plan

View storybook and Dagit. Verify that dots are rendering and animating as expected.

Diff Detail

R1 dagster
Lint Not Applicable
Tests Not Applicable

Event Timeline

Fix hover, use existing enum sets

dish requested review of this revision.Feb 10 2021, 8:14 PM

Oh this is great, I really like the slow pulsing of the queued runs. I feel like it /could/ be a little distracting if different runs on the page pulse out of sync, but I imagine there aren't many places where we'd run in to that. Let's ship it!

This revision is now accepted and ready to land.Feb 11 2021, 2:13 AM
This revision was automatically updated to reflect the committed changes.