You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by ra...@apache.org on 2026/02/04 17:29:57 UTC

(airflow) branch fix-backport-60346 created (now 44d03118dec)

This is an automated email from the ASF dual-hosted git repository.

rahulvats pushed a change to branch fix-backport-60346
in repository https://gitbox.apache.org/repos/asf/airflow.git


      at 44d03118dec fix pale filter  buttons

This branch includes the following new commits:

     new 44d03118dec fix pale filter  buttons

The 1 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.



(airflow) 01/01: fix pale filter buttons

Posted by ra...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

rahulvats pushed a commit to branch fix-backport-60346
in repository https://gitbox.apache.org/repos/asf/airflow.git

commit 44d03118decd7ca3a4340ffc321638630f727bef
Author: vatsrahul1001 <ra...@gmail.com>
AuthorDate: Wed Feb 4 22:59:33 2026 +0530

    fix pale filter  buttons
---
 .../src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx  | 2 --
 .../airflow/ui/src/pages/DagsList/DagsFilters/FavoriteFilter.tsx    | 3 ---
 .../src/airflow/ui/src/pages/DagsList/DagsFilters/PausedFilter.tsx  | 3 ---
 .../src/airflow/ui/src/pages/DagsList/DagsFilters/StateFilters.tsx  | 6 ------
 4 files changed, 14 deletions(-)

diff --git a/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx b/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx
index 75e336d615f..6b28ba0b958 100644
--- a/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx
+++ b/airflow-core/src/airflow/ui/src/components/DataTable/ToggleTableDisplay.tsx
@@ -34,7 +34,6 @@ export const ToggleTableDisplay = ({ display, setDisplay }: Props) => {
     <ButtonGroup attached colorPalette="brand" pb={2} size="sm" variant="outline">
       <IconButton
         aria-label={translate("toggleCardView")}
-        bg={display === "card" ? "colorPalette.muted" : undefined}
         onClick={() => setDisplay("card")}
         title={translate("toggleCardView")}
         variant={display === "card" ? "solid" : "outline"}
@@ -43,7 +42,6 @@ export const ToggleTableDisplay = ({ display, setDisplay }: Props) => {
       </IconButton>
       <IconButton
         aria-label={translate("toggleTableView")}
-        bg={display === "table" ? "colorPalette.muted" : undefined}
         onClick={() => setDisplay("table")}
         title={translate("toggleTableView")}
         variant={display === "table" ? "solid" : "outline"}
diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/FavoriteFilter.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/FavoriteFilter.tsx
index 3554658f98d..a825b11c68e 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/FavoriteFilter.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/FavoriteFilter.tsx
@@ -33,7 +33,6 @@ export const FavoriteFilter = ({ onFavoriteChange, showFavorites }: Props) => {
   return (
     <ButtonGroup attached size="sm" variant="outline">
       <Button
-        bg={currentValue === "all" ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         onClick={onFavoriteChange}
         value="all"
@@ -42,7 +41,6 @@ export const FavoriteFilter = ({ onFavoriteChange, showFavorites }: Props) => {
         {translate("filters.favorite.all")}
       </Button>
       <Button
-        bg={currentValue === "true" ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         onClick={onFavoriteChange}
         value="true"
@@ -54,7 +52,6 @@ export const FavoriteFilter = ({ onFavoriteChange, showFavorites }: Props) => {
         {translate("filters.favorite.favorite")}
       </Button>
       <Button
-        bg={currentValue === "false" ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         onClick={onFavoriteChange}
         value="false"
diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/PausedFilter.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/PausedFilter.tsx
index ec21d605109..2c26af00f28 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/PausedFilter.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/PausedFilter.tsx
@@ -33,7 +33,6 @@ export const PausedFilter = ({ defaultShowPaused, onPausedChange, showPaused }:
   return (
     <ButtonGroup attached size="sm" variant="outline">
       <Button
-        bg={currentValue === "all" ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         onClick={onPausedChange}
         value="all"
@@ -42,7 +41,6 @@ export const PausedFilter = ({ defaultShowPaused, onPausedChange, showPaused }:
         {translate("filters.paused.all")}
       </Button>
       <Button
-        bg={currentValue === "false" ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         onClick={onPausedChange}
         value="false"
@@ -51,7 +49,6 @@ export const PausedFilter = ({ defaultShowPaused, onPausedChange, showPaused }:
         {translate("filters.paused.active")}
       </Button>
       <Button
-        bg={currentValue === "true" ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         onClick={onPausedChange}
         value="true"
diff --git a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/StateFilters.tsx b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/StateFilters.tsx
index 0533de4dc3a..ad44b584cda 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/StateFilters.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/StateFilters.tsx
@@ -46,7 +46,6 @@ export const StateFilters = ({
   return (
     <ButtonGroup attached size="sm" variant="outline">
       <Button
-        bg={isAll ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         onClick={onStateChange}
         value="all"
@@ -55,7 +54,6 @@ export const StateFilters = ({
         {translate("dags:filters.paused.all")}
       </Button>
       <Button
-        bg={isFailed ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         data-testid="dags-failed-filter"
         onClick={onStateChange}
@@ -66,7 +64,6 @@ export const StateFilters = ({
         {translate("common:states.failed")}
       </Button>
       <Button
-        bg={isQueued ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         data-testid="dags-queued-filter"
         onClick={onStateChange}
@@ -77,7 +74,6 @@ export const StateFilters = ({
         {translate("common:states.queued")}
       </Button>
       <Button
-        bg={isRunning ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         data-testid="dags-running-filter"
         onClick={onStateChange}
@@ -88,7 +84,6 @@ export const StateFilters = ({
         {translate("common:states.running")}
       </Button>
       <Button
-        bg={isSuccess ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         data-testid="dags-success-filter"
         onClick={onStateChange}
@@ -99,7 +94,6 @@ export const StateFilters = ({
         {translate("common:states.success")}
       </Button>
       <Button
-        bg={needsReview ? "colorPalette.muted" : undefined}
         colorPalette="brand"
         data-testid="dags-needs-review-filter"
         onClick={onStateChange}