feature: resource controls dynamic width

[anjoseb121]

Description

Resource controls should use the space based on the number of actions it has. Also I've updated the padding style, now it won't show empty space when there's no action.

• Sets the padding to the first and last child for the resource_controls_component.html.erb component.
• Removes the w-full style in the resource_controls_component.html.erb
• Updates the fixed with of the table header to be max-w-24.
• Removes the px-2 from the table_row_component.html.erb component, the padding is handled by the resource_controls component

Fixes #2404

Checklist:

• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works

Screenshots & recording

Manual review steps

1. Load a resource with restricted controls or without any.
2. Test left and right controls with the config.resource_controls_placement = :left option in the initializer

Manual reviewer: please leave a comment with output from the test if that's the case.

[codeclimate]

Code Climate has analyzed commit 529f4fc and detected 0 issues on this pull request.

View more on Code Climate.

[adrianthedev]

Thanks, @anjoseb121, for this!

I see some issues with left-side placement, and the same is true for the right side. It seems to try to take up more space than it really needs.
We'd like for the controls to only take the space they need.

I think this happens when the page is larger in width than the minimum size table.
Could you please check if that's possible?
Thank you!

[anjoseb121]

@adrianthedev thanks for the review! I've fixed it with the last commit

[adrianthedev]

Hey @anjoseb121 I pushed a few changes to account for some more scenarios.
He're how it looks on my end.
Can you please check on your end and let me know if the results are the desired ones?

[anjoseb121]

@adrianthedev Looks great! Thanks for that!

[github-actions]

This PR has been marked as stale because there was no activity for the past 15 days.

[xeron]

This looks a big ugly when self.record_selector = false and config.resource_controls_placement = :left. Feels like some padding is missing.

Before/After:

[xeron]

@anjoseb121 @adrianthedev could you take a look please? ^^

[anjoseb121]

@anjoseb121 @adrianthedev could you take a look please? ^^

@xeron sure, I can improve it!

[anjoseb121]

I just saw @adrianthedev opened a PR for it, thanks for that!

[adrianthedev]

Yeah. It was a pretty wuick fix