davidfgcorreia opened a new pull request, #48185:
URL: https://github.com/apache/airflow/pull/48185
<!--
Licensed to the Apache Software Foundation (ASF) under one
or more contributor license agreements. See the NOTICE file
distributed with this work for additional information
regarding copyright ownership. The ASF licenses this file
to you under the Apache License, Version 2.0 (the
"License"); you may not use this file except in compliance
with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing,
software distributed under the License is distributed on an
"AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
KIND, either express or implied. See the License for the
specific language governing permissions and limitations
under the License.
-->
<!--
Thank you for contributing! Please make sure that your code changes
are covered with tests. And in case of new features or big changes
remember to adjust the documentation.
Feel free to ping committers for the review!
In case of an existing issue, reference it using one of the following:
closes: #47708
related: #ISSUE
How to write a good git commit message:
http://chris.beams.io/posts/git-commit/
-->
<!-- Please keep an empty line above the dashes. -->
### **Summary**
The issue identified was that dropdown filters were not fully visible due to
a fixed width, which caused truncation and incomplete display of options.
Additionally, in the DAG Runs section, the dropdown size was static, limiting
usability.
To resolve these issues, I implemented a dynamic sizing mechanism that
allows the dropdown to adjust based on its content. Key improvements include:
- **Dynamic Sizing in DAG Runs**: The dropdown now adjusts its width
dynamically instead of using a fixed size, improving responsiveness across
different screen sizes.
- **Dropdown Width Optimization in TaskInstancesFilter (`maxW`)**: Increased
from 250px to 450px, ensuring longer filter names are fully displayed.
- **Improved Layout for Selected Filters**:
- Implemented `flexWrap="wrap"` to ensure selected filters are properly
displayed, preventing overflow and layout issues.
- Added `paddingY="8px"` for better spacing and a more polished
appearance.
- **Search Bar (`SearchBar`) Repositioning**: Moved the search bar to a more
intuitive location within the layout, enhancing overall user experience without
removing functionality.
With these improvements, the dropdown filters are now fully visible,
dynamically responsive, and more adaptable, providing a smoother and more
efficient user experience.
---
**^ Add meaningful description above**
Read the **[Pull Request
Guidelines](https://github.com/apache/airflow/blob/main/contributing-docs/05_pull_requests.rst#pull-request-guidelines)**
for more information.
In case of fundamental code changes, an Airflow Improvement Proposal
([AIP](https://cwiki.apache.org/confluence/display/AIRFLOW/Airflow+Improvement+Proposals))
is needed.
In case of a new dependency, check compliance with the [ASF 3rd Party
License Policy](https://www.apache.org/legal/resolved.html#category-x).
In case of backwards incompatible changes please leave a note in a
newsfragment file, named `{pr_number}.significant.rst` or
`{issue_number}.significant.rst`, in
[newsfragments](https://github.com/apache/airflow/tree/main/newsfragments).
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
