Directory

⚓ T346845 Delete and Message participant button alignment and spacing issue
Page MenuHomePhabricator

Delete and Message participant button alignment and spacing issue
Closed, ResolvedPublic

Description

Follow up from T326619#9177744

In the participants tab, the Delete and Message participants buttons have a slight vertical alignment issue. When inspecting it you can see where it is off:

Screenshot 2023-09-18 at 9.05.09 PM.png (96×570 px, 13 KB)
Screenshot 2023-09-18 at 8.56.59 PM.png (104×594 px, 15 KB)

The Delete button and the Message Participants button should not have any space between the buttons.

compbuild
Screenshot 2023-09-18 at 9.03.35 PM.png (100×652 px, 23 KB)
Screenshot 2023-09-18 at 9.05.09 PM.png (96×570 px, 13 KB)

from @gonyeahialam in T326619#9177744:

Yes, the buttons are together, the component is called a ButtonGroupWidget (destructive and progressive ButtonWidget)

Acceptance criteria:

The buttons should be aligned vertically
The buttons should have no space between them horizontally

Event Timeline

I have discussed this with @gonyeahialam, and he has highlighted that this is his priority for us to fix first because it would improve the user experience and it would be easier to implement than some of the other UX issues to fix, as outlined in T346968. For this reason, we can look into working on this soon.

Change 969808 had a related patch set uploaded (by Daimona Eaytoy; author: Daimona Eaytoy):

[mediawiki/extensions/CampaignEvents@master] Fix button spacing in the participants tab

https://gerrit.wikimedia.org/r/969808

Change 969808 merged by jenkins-bot:

[mediawiki/extensions/CampaignEvents@master] Fix button spacing in the participants tab

https://gerrit.wikimedia.org/r/969808

✅ The buttons should be aligned vertically
✅ The buttons should have no space between them horizontally

Screenshot 2023-10-31 at 4.14.06 PM.png (138×622 px, 13 KB)