github-actions[bot] opened a new pull request, #76776: URL: https://github.com/apache/airflow/pull/76776
* Collapse detail tabs that do not fit into a More menu The Dag, run and task instance pages show up to ten tabs, plus any plugin tabs, next to the grid or graph. When the details panel is narrow the labels wrap and squeeze into an unreadable row, so the tabs that do not fit now go into a menu while the active tab stays visible. * Show an icon-only More trigger when the tabs show icons Below 600px the tabs only show icons, so a "More" label next to them stands out and takes the room of another tab. * Drop styles the More menu does not need The measuring copy cannot overflow from a zero-width box wherever it is anchored, is already hidden from assistive technology by its visibility, and only tabs that fit are shown, so none of these change the behaviour. * Open the Details tab from the More menu in the task tries e2e test At the desktop viewport the task instance tabs no longer all fit in the row, so Details is reached through the More menu. * Keep plugin sub-routes and keyboard navigation working with the More menu A plugin's React app has its own sub-routes, on which its tab read as inactive and was the first moved into the menu. The index tabs could not be reached with the arrow keys once in the menu, and the row briefly moved every tab into the menu before the panel was measured. (cherry picked from commit b26e77632dd88ba787e8c0dd4f56877d655c1308) Co-authored-by: Pierre Jeambrun <[email protected]> -- 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]
