Ajax progress throbber icon overlapping the button in schedule transition page

Steps to reproduce

  1. Install Drupal 10 with Claro as the admin theme.
  2. Install scheduled_transitions module.
  3. Enable workflows for the page content type.

    4. /admin/config/workflow/workflows/manage/editorial

  4. Create a block content.
  5. Click on Add schedules transition button en/admin/content/block/1/scheduled-transitions
    you will see the ajax-progress-icon is overlapping the button.

Proposed resolution

Add margin-left to progress icon.

CommentFileSizeAuthor
#5 Kapture 2024-09-13 at 16.12.54.gif14.71 KBpameeela
#2 3384039-2.patch1.49 KBgauravvvv
Screenshot 2023-08-29 at 9.38.43 AM.png154.31 KBgauravvvv

Comments

Gauravvvv created an issue. See original summary.

gauravvvv’s picture

gauravvvv commented
Status: Active » Needs review
StatusFileSize
new 3384039-2.patch1.49 KB

I have added the margin-inline-start to the button, added patch for same. please review

smustgrave’s picture

smustgrave commented
Status: Needs review » Postponed (maintainer needs more info)

There an example in core of this issue?

gauravvvv’s picture

gauravvvv commented

I didn't find any instance without using contrib moudle. But I found some inconsistency with the ajax-progress--throbber in configure block page. I have created an issue for same. #3384071: Claro Spacing inconsistency in ajax progress icon with action button

pameeela’s picture

pameeela commented
Status: Postponed (maintainer needs more info) » Closed (outdated)
Issue tags: +Bug Smash Initiative
StatusFileSize
new Kapture 2024-09-13 at 16.12.54.gif14.71 KB

Looks like this was fixed in the meantime.