UI issue with card grid view only on tabs

[m7madmagdy]

Context

If you have a gride view with full controls plus reorder controls the delete button will be outside the card view
this issue happens only on tabs not in the main resource index view

System configuration

Avo version: 3.12.0

Rails version: 7.2

Ruby version: 3.3.4

License type

• Community
• Pro
• Advanced

Are you using Avo monkey patches, overriding views or view components?

• Yes. If so, please post code samples.
• No

Screenshots or screen recordings

[Aaryanpal]

@Paul-Bob can i work on this?

[Paul-Bob]

Sure @Aaryanpal thanks for the initiative!

For the approach I guess wrapping the controls on a flex box and making them to verticaly expand should do the trick

[Aaryanpal]

@Paul-Bob Could you please guide me on how to navigate to this specific screen? I’ve completed the setup but am unable to locate the screen.

[Paul-Bob]

The screenshot was taken from @m7madmagdy's project.

To reproduce a similar behavior go to http://localhost:3030/admin/resources/posts

To simulate more controls on the card go to app/components/avo/index/resource_controls_component.html.erb and triplicate the <%= render_control control %> line.

Don't forget to remove the triplicated controls after fixing the styling.