Claro: Spacing inconsistency in ajax progress icon with action button

hello, This is not replicated on Drupal 11 Claro theme.
Can you please provide any more details how this gets replicated?

Hi @Gauravvvv, can you please provide steps to reproduce so that someone can confirm this and get it fixed.

I added the issue summary earlier, somehow it got removed. I have added it again.

I followed steps to reproduce with Claro theme, the throbber is spaced right for me.

So the spacing with action-link button is 24px, but it should be 12px as with other buttons.
With other buttons, if we have margin-right, then we don't have margin-left on the ajax progress icon. But in case of action-link, we do have margin-right on the button and we have margin-left on the ajax progress icon also. So the margin left 12px is extra spacing here.

I have added few screenshots for better understanding.

Also followed the steps and not seeing the issue.

I have added a screen recording as well.
In the first button, "Add Media" we have margin-right to the button and we don't have any margin-left on the ajax-progress-icon.

In the second button, "Delete" we have margin-right on the delete button additionally we have margin-left on the ajax-progress icon. That extra margin-left is the issue.

Hope it is clear now.

Hi,

As pr comment #10, Tested the MR !4670 for the issue spacing inconsistency in AJAX progress icon with action button (spacing between button and loader right side). found the issue on local and tested the solution given in MR, it's resolved the issue. images attached for references.

Testing Ste
1. Drupal 11.x setup and go to content page admin/content, Claro set as backend theme
2. Edit node type (Article), click on the delete button, and media button found the issue ( it's 24px, but it should be 12px).
3. Moved the MR and verified the solution, it's working fine.

Media loader spacing

Delete loader spacing Before

Delete loader spacing After patch

Looks good for RTBC+

Per testing in #11 going to see what committers think.

Committed 513a31b and pushed to 11.x. Thanks!

Automatically closed - issue fixed for 2 weeks with no activity.