This is an automated email from the ASF dual-hosted git repository.
vatsrahul1001 pushed a commit to branch v3-2-test
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/v3-2-test by this push:
new 35faba18abc [v3-2-test] UI: Handle Dags state filter overflow on
mobile (#66812) (#66847)
35faba18abc is described below
commit 35faba18abcd1ca051bc379abe7a0d99e9c256c0
Author: github-actions[bot]
<41898282+github-actions[bot]@users.noreply.github.com>
AuthorDate: Wed May 13 18:38:39 2026 +0530
[v3-2-test] UI: Handle Dags state filter overflow on mobile (#66812)
(#66847)
* UI: Handle Dags state filter overflow on mobile
* UI: Remove extra padding from Dags filters
(cherry picked from commit 07873fbc47c0aab57904f4b919420801d715d564)
Co-authored-by: hojeong park <[email protected]>
---
.../src/airflow/ui/src/pages/DagsList/DagsFilters/DagsFilters.tsx | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git
a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/DagsFilters.tsx
b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/DagsFilters.tsx
index 86ce290f716..a8e018bc121 100644
--- a/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/DagsFilters.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/DagsList/DagsFilters/DagsFilters.tsx
@@ -16,7 +16,7 @@
* specific language governing permissions and limitations
* under the License.
*/
-import { HStack } from "@chakra-ui/react";
+import { Box, HStack } from "@chakra-ui/react";
import type { MultiValue } from "chakra-react-select";
import { useState } from "react";
import { useSearchParams } from "react-router-dom";
@@ -146,7 +146,9 @@ export const DagsFilters = () => {
return (
<HStack flexWrap="wrap" gap={2} justifyContent="space-between">
- <StateFilters onChange={handleStateChange} value={stateValue} />
+ <Box overflowX="auto">
+ <StateFilters onChange={handleStateChange} value={stateValue} />
+ </Box>
<RequiredActionFilter needsReview={needsReview === "true"}
onToggle={handleNeedsReviewToggle} />
<PausedFilter onChange={handlePausedChange} value={pausedValue} />
<TagFilter
