Add a unified text highlight component to Codex
Closed, DeclinedPublic
Actions

Assigned To

None

Authored By

	RHo
	Apr 20 2021, 12:59 PM

Project Tags

Referenced Files

	F57687965: image.png
	Nov 8 2024, 11:54 AM
	File Not Attached

	F57687960: image.png
	Nov 8 2024, 11:54 AM
	File Not Attached

	F57686916: Screenshot 2024-11-06 at 20.26.26.png
	Nov 8 2024, 11:54 AM
	File Not Attached

	F34408497: image.png
	Apr 20 2021, 12:59 PM

Subscribers

Description

Currently there is no text-highlight (“marker“) design component in Codex .

As part of the efforts in Codex, we should create an updated component that:

Updates the colors to be aligned with the Wikimedia color palette
Works with the current cases in use (e.g., CX sentence highlighting in Yellow90, VE link highlighting in Accent90, GrowthExperiments structured tasks links in yellow90 and blue90 when active, Edit check in VE):


Add a link structured task	Edit check	Content translation

Potentially resolves outstanding related tasks such as:
- T94947: Moderation actions should not be gray
- T116549: Provide a color palette and design for buttons that are purely highlighted links, to distinguish them from actual UI buttons

Related Objects
Search...

Status	Assigned	Task
Open	None	T277047 Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components
Declined	None	T280670 Add a unified text highlight component to Codex
Resolved	DTorsani-WMF	T377250 Investigate the need add new Highlight component

Event Timeline

RHo created this task.Apr 20 2021, 12:59 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptApr 20 2021, 12:59 PM

Volker_E renamed this task from Add a unified text highlight and diff component to the DSG to Add a unified text highlight component to the DSG.Apr 20 2021, 6:06 PM

Volker_E mentioned this in T280717: Add a diff component to DSG.

Volker_E updated the task description. (Show Details)

RHo mentioned this in T277047: Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components.Apr 23 2021, 2:01 PM

RHo added a parent task: T277047: Design inventory of Wikiverse (Codex design system, OOUI, MediaWiki widgets) UI components.Apr 23 2021, 2:05 PM

Related to this, we may consider adjusting the specific values used for Yellow90 (and possibly also Gren90 and Red90) to make sure they work better as background colors for text. In my experience, the yellow highlight is a bit too subtle and can be missed at times when used to highlight text.

Volker_E updated the task description. (Show Details)May 4 2021, 1:28 PM

Volker_E updated the task description. (Show Details)May 4 2021, 2:07 PM

CCiufo-WMF mentioned this in T333681: Establish consistent guidelines on how to visualize diffs across desktop, mobile web, and mobile apps.Mar 31 2023, 1:03 PM

Volker_E renamed this task from Add a unified text highlight component to the DSG to Add a unified text highlight component to Codex.Feb 14 2024, 3:45 PM

Volker_E edited projects, added: Codex; removed: Wikimedia Design Style Guide.

Volker_E updated the task description. (Show Details)

Restricted Application added a project: Design-System-Team. · View Herald TranscriptFeb 14 2024, 3:45 PM

CCiufo-WMF moved this task from Inbox to Backlog on the Design-System-Team board.Feb 20 2024, 3:32 PM

RHo updated the task description. (Show Details)Apr 26 2024, 10:06 PM

CCiufo-WMF moved this task from Backlog to Proposed New Components on the Codex board.Apr 29 2024, 2:17 PM

zdev updated the task description. (Show Details)May 20 2024, 7:30 PM

RHo updated the task description. (Show Details)Oct 7 2024, 7:55 PM

JFernandez-WMF subscribed.Oct 8 2024, 8:33 PM

nayoub subscribed.Oct 8 2024, 8:35 PM

KStoller-WMF subscribed.Oct 8 2024, 8:46 PM

CCiufo-WMF added a subtask: T377250: Investigate the need add new Highlight component.Oct 15 2024, 6:17 PM