Skip to content

Hard to tell if "Include" buttons are selected (under "Clear Task") #46151

@kilbasar

Description

@kilbasar

Apache Airflow version

2.10.4

If "Other Airflow 2 version" selected, which one?

No response

What happened?

When retrying a task via the "Clear Task" dialog, the button bar for "Include" options only slightly change color when selected, making it difficult to visually determine which options are enabled:

Image

Depending on the user's screen/color settings, the selected options above either show up as light gray and reasonably obvious, or very light gray that is almost indistinguishable from the unselected white color. This makes it very easy to clear tasks using the wrong options.

What you think should happen instead?

Rather than use gray.100 for selected options in the button bar, use blue.500 or another brighter and more obvious color (per the Chakra UI colors

How to reproduce

  1. Select a task in the Airflow UI, click the "Clear task" button
  2. Click the buttons underneath "Include"; depending on your screen's color settings it may be very hard to tell what is selected.

Operating System

Windows 10

Versions of Apache Airflow Providers

apache-airflow-providers-common-compat==1.3.0
apache-airflow-providers-common-io==1.5.0
apache-airflow-providers-common-sql==1.21.0
apache-airflow-providers-fab==1.5.2
apache-airflow-providers-ftp==3.12.0
apache-airflow-providers-http==5.0.0
apache-airflow-providers-imap==3.8.0
apache-airflow-providers-smtp==1.9.0
apache-airflow-providers-sqlite==4.0.0

Deployment

Other Docker-based deployment

Deployment details

No response

Anything else?

No response

Are you willing to submit PR?

  • Yes I am willing to submit a PR!

Code of Conduct

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:UIRelated to UI/UX. For Frontend Developers.area:corekind:bugThis is a clearly a bugneeds-triagelabel for new issues that we didn't triage yet

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions