This is an automated email from the ASF dual-hosted git repository.
vatsrahul1001 pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new 07873fbc47c UI: Handle Dags state filter overflow on mobile (#66812)
07873fbc47c is described below
commit 07873fbc47c0aab57904f4b919420801d715d564
Author: hojeong park <[email protected]>
AuthorDate: Wed May 13 17:11:59 2026 +0900
UI: Handle Dags state filter overflow on mobile (#66812)
* UI: Handle Dags state filter overflow on mobile
* UI: Remove extra padding from Dags filters
---
.../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
