Page MenuHomePhabricator

[SW] [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme form border
Closed, ResolvedPublic

Description

Problem

The Special:NewLexeme's user interface was styled using WiKit tokens. With the WiKit design system being superseded by Codex, the official Wikimedia design system, the utilization of WiKit tokens is not recommended. These should be replaced in order to unblock the deprecation of the legacy system, reduce maintenance costs and ensure consistency.

Solution

We have to replace the WiKit tokens used to style the Special:NewLexeme's form borders by their Codex equivalents. Please note that we'll apply a module style to this element for consistency with Codex's form guidelines.

File: NewLexemeForm.vue

New border style:

	// Border
	border-style: $border-style-base;
	border-width: $border-width-base;
	border-radius: $border-radius-base;
	border-color: $border-color-muted;
Acceptance criteria
  • WiKit tokens used to define the border style of the Special:NewLexeme form are replaced by Codex tokens

Event Timeline

Sarai-WMDE renamed this task from [WtC-M2] [SNL] Use Codex tokens to style QB’s interface colors to [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme interface colors.Jul 16 2024, 1:14 PM
Sarai-WMDE updated the task description. (Show Details)
Arian_Bozorg renamed this task from [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme interface colors to [SW] [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme interface colors.Jul 16 2024, 1:40 PM
Sarai-WMDE renamed this task from [SW] [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme interface colors to [SW] [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme form border styles.Jul 26 2024, 5:15 PM
Sarai-WMDE renamed this task from [SW] [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme form border styles to [SW] [WtC-M2] [SNL] Use Codex tokens to style the Special:NewLexeme form border.
Sarai-WMDE updated the task description. (Show Details)