Revise Reply button appearance to make it less distracting on busy talk pages (desktop)
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	ppelberg
	Jun 3 2022, 10:37 PM

Description

This task involves the work with revising how the new Reply button appears to make them less distracting to people while continuing to ensure people who are new can quickly and easily recognize the buttons.

Issue

Viewing/reading talk pages with many comments on desktop or mobile can be a bit tough on the eyes because of how visually prominent the Reply buttons currently are:

Desktop

Requirements

Mobile

No changes; Reply links will continue to:
- Appear on the line beneath the comment to which they are related
- Be preceded by an arrow

Desktop

Remove the "arrow" that appears before each Reply link/button
- Note: Reply links/buttons will continue to appear immediately after a comment's signature and NOT on a new line.

References

User:আফতাবুজ্জামান: "The "Reply" button on computer devices is now big, but it is not nice to see the big button repeatedly on pages that have a lot of discussion." | See: Topic:Wvwd06jr8wr6iux5
@Klein: "I'm not sure if that's a good thing or not but the blue reply link kinda created a small blue sea." | See: mw:Feedback: Klein Muçi
@Xaosflux: "I'd probably style them to be less aggressive for myself though." | See: en.wiki

Details

	Subject	Repo	Branch	Lines +/-
	Make reply links into buttons when visual enhancements enabled	mediawiki/extensions/DiscussionTools	master	+1 K -1 K

Customize query in gerrit

Related Objects
Search...

Status	Assigned	Task
Open	None	T276497 Scale DiscussionTools to all projects
Open	None	T366095 Deploy comment thanking to all wikis
Open	None	T310959 Scale Usability Improvements to all projects
Open	Trizek-WMF	T319146 [Release Ticket] Offer Usability Improvements as default-on feature at all projects (desktop)
Resolved	ppelberg	T302547 [Usability Improvements] Deploy as Beta Feature at all wikis (desktop)
Open	None	T249579 [EPIC] Usability improvements: make the actions, activity and content within talk pages easier to understand
Resolved	ppelberg	T304371 [Release ticket] Deploy Clear Affordances as Beta Feature at Partner Wikis
Resolved	Esanders	T309904 Revise Reply button appearance to make it less distracting on busy talk pages (desktop)

Event Timeline

ppelberg created this task.Jun 3 2022, 10:37 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 3 2022, 10:37 PM

ppelberg moved this task from Backlog to Triaged on the DiscussionTools board.Jun 3 2022, 10:38 PM

VPuffetMichel edited projects, added Editing-team; removed Editing-team (Kanban Board).Jun 6 2022, 7:30 PM

VPuffetMichel moved this task from Kanban Board to Needs Discussion / Investigation on the Editing-team board.

ppelberg updated the task description. (Show Details)Jun 7 2022, 12:27 AM

ppelberg added a subscriber: Xaosflux.

ppelberg assigned this task to • KieranMcCann.Jun 10 2022, 11:41 PM

ppelberg edited projects, added KaiOS-Wikipedia-app, Editing-team (Kanban Board); removed Editing-team.

Restricted Application added a project: Inuka-Team. · View Herald TranscriptJun 10 2022, 11:41 PM

ppelberg moved this task from Incoming to Doing on the Editing-team (Kanban Board) board.Jun 10 2022, 11:41 PM

Making the button text and icon the same line height/font size as normal text would help. You could also try unbolding it.

Related: @Xaosflux expressed concern about Reply buttons appearing beneath the comment to which the button is related.

I'm including this comment here as we'll want to consider this as part of the discussion we have scheduled for this Wednesday about the broader topic of where and how Reply buttons are shown.

"Yes, depending on the current line length/line wrap in some cases it made me think I was going to reply to the parent post - this only happens in Minerva where the replyto control is moved away from the end-of-line. I'd much rather it be inline, and be consistently located across skins." | source

ppelberg removed • KieranMcCann as the assignee of this task.Jul 19 2022, 7:29 PM

ppelberg added a parent task: T304371: [Release ticket] Deploy Clear Affordances as Beta Feature at Partner Wikis.

ppelberg added a subscriber: • KieranMcCann.

ppelberg updated the task description. (Show Details)Jul 21 2022, 11:37 PM

ppelberg moved this task from Doing to Ready to Be Worked On on the Editing-team (Kanban Board) board.

Esanders removed projects: Inuka-Team, KaiOS-Wikipedia-app.Jul 22 2022, 2:04 PM

ppelberg renamed this task from Revise Reply button appearance to make it less distracting on busy talk pages to Revise Reply button appearance to make it less distracting on busy talk pages (desktop).Jul 25 2022, 4:07 AM

ppelberg updated the task description. (Show Details)

ppelberg added a project: Goal.

Change 785171 had a related patch set uploaded (by Bartosz Dziewoński; author: Esanders):

[mediawiki/extensions/DiscussionTools@master] Make reply links into buttons

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

gerritbot added a project: Patch-For-Review.Jul 27 2022, 8:27 PM

matmarex assigned this task to Esanders.Jul 27 2022, 8:28 PM

matmarex moved this task from Ready to Be Worked On to Code Review on the Editing-team (Kanban Board) board.

ppelberg mentioned this in T314076: [Config Change] Make new Reply affordance styling available at mediawiki.org.Jul 28 2022, 6:04 PM

Change 785171 merged by jenkins-bot:

[mediawiki/extensions/DiscussionTools@master] Make reply links into buttons when visual enhancements enabled

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