KatalKavya96 opened a new pull request, #55861:
URL: https://github.com/apache/airflow/pull/55861

   ### Description
   
   This PR fixes a low-priority visual issue in the PoolBar component where 
gaps appeared between slot segments (e.g. running, queued, deferred) when the 
counts were large or fractional flex rounding occurred. The result was that the 
bar did not render as a continuous distribution of slots.
   
   Additionally, a small lint/type error in ClearGroupTaskInstanceDialog.tsx 
was resolved (onCheckedChange handler type).
   
   ### What was changed
   
   - PoolBar.tsx
   
   - Removed inner flex from child segments so only the wrapper controls width.
   
   - Ensured the last segment absorbs rounding remainder so segments are 
seamless edge-to-edge.
   
   - ClearGroupTaskInstanceDialog.tsx
   
   - Updated Checkbox.onCheckedChange handler to use a typed boolean | 
"indeterminate" value instead of a KeyboardEvent, eliminating TS lint errors.
   
   ### How to reproduce (before fix)
   
   - Create a pool (e.g. default_pool with 128 slots).
   
   - Run a continuous DAG with many tasks (e.g. DateTimeSensorAsync mapped > 
64).
   
   - Pool slots bar shows visible white gaps between colored segments.
   
   ### After fix
   
   - The PoolBar displays seamlessly with no gaps, regardless of slot counts.
   
   - TypeScript errors in ClearGroupTaskInstanceDialog.tsx are resolved.
   
   Demo Video
   
   
https://github.com/user-attachments/assets/08ab1cf7-c22b-4177-bb05-076242bc0140
   
   
   
   Related Issue
   closes: #55595 


-- 
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]

Reply via email to