Define the design system's approach to responsiveness
Closed, InvalidPublic
Actions

Assigned To

Authored By

	ldelench_wmf
	Mar 2 2022, 5:28 PM

Description

Background/Goal

We need to define the system's approach to responsiveness: will we set and apply our own responsive conventions? Will we rely on Minerva Neue to totally override Codex components to adjust them to the mobile web view?

The conclusion will influence design decisions related to:

Sizing and spacing: will Codex components increase their size in smaller viewports? Which properties or display types may change influence the change in sizing (paddings + line-heights, min-heights, flexbox)?
Typographic styles: an increase of Codex's base font size from 14px to 16px on mobile is assumed, but the corresponding line-height still needs to be defined and will be influenced by the point above.

Subtasks & related tasks:

Revisit CSS breakpoints (T303522)
Define a grid system for Codex (T90687)
Define the system's spacing and sizing tokens (T297000)
Define the system's typographic styles (T296998)

Details

Other Assignee: Sarai-WMDE

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Invalid		bmartinezcalvo	T302889 Define the design system's approach to responsiveness
		Resolved		• DAbad	T303522 Decide on CSS breakpoints for the design system

Event Timeline

ldelench_wmf created this task.Mar 2 2022, 5:28 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMar 2 2022, 5:29 PM

ldelench_wmf moved this task from Requests to Review to Design Systems Team FY2021-22 Kanban Board on the Design-Systems-team-20200324-20220422 board.Mar 2 2022, 5:29 PM

ldelench_wmf edited projects, added Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board); removed Design-Systems-team-20200324-20220422.

ldelench_wmf moved this task from Incoming/Requests to Prioritized Epics on the Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board) board.

egardner added a subtask: T302884: [MenuItem] Responsive MenuItem component.Mar 2 2022, 5:32 PM

egardner mentioned this in T302884: [MenuItem] Responsive MenuItem component.

ldelench_wmf updated the task description. (Show Details)Mar 2 2022, 5:33 PM

ldelench_wmf added a project: Codex.Mar 2 2022, 5:36 PM

egardner added a subtask: T302881: Design SearchInput component to be mobile and responsive.Mar 2 2022, 5:37 PM

egardner mentioned this in T302881: Design SearchInput component to be mobile and responsive.

Sarai-WMDE updated the task description. (Show Details)Mar 3 2022, 5:54 PM

Restricted Application added a subscriber: Masumrezarock100. · View Herald TranscriptMar 3 2022, 5:54 PM

Sarai-WMDE updated the task description. (Show Details)Mar 3 2022, 5:55 PM

• STH assigned this task to bmartinezcalvo.Mar 10 2022, 2:57 PM

• STH added a subtask: T303522: Decide on CSS breakpoints for the design system.

• STH updated Other Assignee, added: Sarai-WMDE.

• STH updated the task description. (Show Details)

• STH moved this task from Prioritized Epics to Incoming/Requests on the Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board) board.Mar 14 2022, 3:21 PM

• STH moved this task from Incoming/Requests to Prioritized Epics on the Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board) board.Mar 17 2022, 7:27 PM

• STH moved this task from Design Systems Team FY2021-22 Kanban Board to FY21-22 Roadmap Epics on the Design-Systems-team-20200324-20220422 board.Mar 23 2022, 8:19 PM

• STH edited projects, added Design-Systems-team-20200324-20220422; removed Design-Systems-team-20200324-20220422 (Design Systems Team FY2021-22 Kanban Board).

Sarai-WMDE renamed this task from [EPIC] Define responsive behavior for Codex to [EPIC] Define responsive behaviour and styles of Codex components.Apr 6 2022, 9:32 AM

Sarai-WMDE updated the task description. (Show Details)

• STH edited projects, added Design-System-Team; removed Design-Systems-team-20200324-20220422.Apr 15 2022, 6:49 PM

• STH changed the status of subtask T302881: Design SearchInput component to be mobile and responsive from Open to Stalled.

• STH moved this task from Inbox to Needs Refinement on the Design-System-Team board.

• STH renamed this task from [EPIC] Define responsive behaviour and styles of Codex components to Define the design system's approach to responsiveness.Apr 15 2022, 7:37 PM

• STH triaged this task as Medium priority.

• STH moved this task from Needs Refinement to Blocked on the Design-System-Team board.

• STH moved this task from Blocked to Quarterly Plan on the Design-System-Team board.Apr 15 2022, 7:40 PM

• STH raised the priority of this task from Medium to High.May 17 2022, 5:54 PM

Sarai-WMDE changed the status of subtask T302884: [MenuItem] Responsive MenuItem component from Open to Stalled.Jun 2 2022, 9:40 AM

ldelench_wmf moved this task from Quarterly Plan to Design-System-Product-Roadmap on the Design-System-Team board.Aug 12 2022, 1:37 PM

ldelench_wmf edited projects, added Design-System-Team (Design-System-Product-Roadmap); removed Design-System-Team.

ldelench_wmf moved this task from Now to Later on the Design-System-Team (Design-System-Product-Roadmap) board.Aug 12 2022, 1:46 PM

Volker_E closed subtask T303522: Decide on CSS breakpoints for the design system as Resolved.Sep 8 2022, 1:52 AM

ldelench_wmf moved this task from Later to Next on the Design-System-Team (Design-System-Product-Roadmap) board.Sep 26 2022, 4:19 PM

Restricted Application edited projects, added Design-System-Team; removed Design-System-Team (Design-System-Product-Roadmap). · View Herald TranscriptSep 26 2022, 4:19 PM

ldelench_wmf edited projects, added Design-System-Team (Design-System-Product-Roadmap); removed Design-System-Team.Jan 20 2023, 5:55 PM