Maniphest T304152

Quiet buttons (hover and active state)
Closed, DuplicatePublic
Actions

Assigned To

Authored By

	bmartinezcalvo
	Mar 18 2022, 11:39 AM

Tags

Referenced Files

	F35010995: Captura de pantalla 2022-03-18 a las 12.40.01.png
	Mar 18 2022, 11:40 AM

	F35010994: Captura de pantalla 2022-03-18 a las 12.39.45.png
	Mar 18 2022, 11:40 AM

	F35010989: Grabación de pantalla 2022-03-18 a las 12.15.45.mov
	Mar 18 2022, 11:39 AM

Subscribers

Description

Background/Goal

Currently our Figma quiet buttons and our Codex ones use different tokens for background color on hover and active states.

Figma button: uses Base90 #F8F9FA (without opacity)

Codex button: uses rgb (0 24 73 / 2%) (it has opacity but uses a custom color with opacity instead of using one of our existing colors with opacity)

We need to unify both Figma and Codex and also we need to add a new opacity token to use in our hover and active quiet buttons. This task is related with the message component task T284843

User stories

As a designer, I need that both Figma and Codex have the same button behaviors.

Acceptance criteria (or Done)

Add a new opacity token to use for hover and active quiet buttons
Update quiet buttons in Figma
Update quiet buttons in Codex

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Resolved		DTorsani-WMF	T370663 [EPIC] Unify states in interactive components
		Duplicate		DTorsani-WMF	T304152 Quiet buttons (hover and active state)

Event Timeline

bmartinezcalvo created this task.Mar 18 2022, 11:39 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 18 2022, 11:39 AM

bmartinezcalvo updated the task description. (Show Details)Mar 18 2022, 11:40 AM

bmartinezcalvo updated the task description. (Show Details)

bmartinezcalvo updated the task description. (Show Details)Mar 18 2022, 1:01 PM

bmartinezcalvo mentioned this in T297001: Define the system's opacities.Mar 30 2022, 2:14 PM

• AnneT edited projects, added Design-System-Team; removed Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board).Aug 2 2022, 10:07 PM

Probably covered by T303384: Update Hover/Active states in Normal and Quiet buttons. Decline?

ldelench_wmf triaged this task as Lowest priority.Jan 20 2023, 7:06 PM

ldelench_wmf moved this task from Inbox to Backlog on the Design-System-Team board.Jan 20 2023, 7:10 PM

egardner moved this task from Backlog to Proposed Component Updates on the Codex board.Feb 21 2023, 11:50 PM

bmartinezcalvo mentioned this in T370663: [EPIC] Unify states in interactive components.Jul 24 2024, 2:21 PM

bmartinezcalvo added a parent task: T370663: [EPIC] Unify states in interactive components.Jul 24 2024, 4:22 PM

I'm going to resolve this task as it is going to be explored and solved in T303384: Update Hover/Active states in Normal and Quiet buttons.

CCiufo-WMF closed this task as a duplicate of T370886: Align the styles and interactive states of Progressive and Destructive elements to be consistent, accessible, and uniform.Oct 28 2024, 9:10 PM