Standardize the layout of SPA tools
Open, Needs TriagePublic
Actions

Assigned To

None

Authored By

	Sarai-WMDE
	Dec 2 2022, 5:40 PM

Description

Problem

The layouts of the SPA tools Mismatch Finder, Query builder and Item quality evaluator should follow similar visual specifications in order to be consistent. Nevertheless, they display some key misalignments that should be corrected. The issues are mainly related to vertical spacing, typographic styles, footers and headers (or absence of).

This umbrella task aims at collecting quick fixes that will solve the big stroke inconsistencies between the mentioned SPA tools. Specific fixes are documented as subtasks.

Acceptance criteria

Mismatch Finder, Item Quality Evaluator and Query builder display similar layouts (same header, overall similar vertical spacing, same footer) as specified in the individual subtasks

Related Objects
Search...

Status	Assigned	Task
Open	None	T324351 Standardize the layout of SPA tools
Resolved	guergana.tzatchkova	T288939 Query Builder: Add main header
Resolved	Lucas_Werkmeister_WMDE	T288931 Query Builder: Replace visible h1
Resolved	Lucas_Werkmeister_WMDE	T324356 Query Builder: Adjust footer content and style
Resolved	guergana.tzatchkova	T324357 Mismatch Finder: Replace mobile header logo
Resolved	noarave	T324366 Mismatch Finder: Adjust footer styles to match original designs

Event Timeline

Sarai-WMDE created this task.Dec 2 2022, 5:40 PM

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

Sarai-WMDE added a subtask: T288939: Query Builder: Add main header.Dec 2 2022, 5:42 PM

Sarai-WMDE added a subtask: T288931: Query Builder: Replace visible h1.

Maintenance_bot added a project: Wikidata.Dec 2 2022, 5:45 PM

Sarai-WMDE updated the task description. (Show Details)Dec 2 2022, 6:13 PM

Michael subscribed.Dec 5 2022, 9:25 AM

Comment from Michael: going forward it would be good to think about how we can reuse one standard design and make changes only once instead of copying the changes into each application.

Arian_Bozorg closed subtask T288931: Query Builder: Replace visible h1 as Resolved.Dec 13 2022, 1:24 PM

Agreed. That standard design for SPA exists and was applied to the Mismatch Finder. Unfortunately, the need for it was detected only right after the Query Builder and the Item Quality Evaluator were done, thus the needed adjustments. If the comment is more related to the technical implementation of said standards, then the good news is that, in the future, Codex will provide a set of reusable grids and layouts that should simplify the creation of similarly structured pages.

Lydia_Pintscher closed subtask T288939: Query Builder: Add main header as Resolved.Dec 16 2022, 9:13 AM

Sarai-WMDE reopened subtask T288931: Query Builder: Replace visible h1 as Open.Dec 16 2022, 11:45 AM

Arian_Bozorg closed subtask T324366: Mismatch Finder: Adjust footer styles to match original designs as Resolved.Dec 19 2022, 1:51 PM

Arian_Bozorg closed subtask T288931: Query Builder: Replace visible h1 as Resolved.Dec 23 2022, 1:26 PM

Arian_Bozorg closed subtask T324356: Query Builder: Adjust footer content and style as Resolved.Jan 9 2023, 11:23 AM

Arian_Bozorg closed subtask T324357: Mismatch Finder: Replace mobile header logo as Resolved.Feb 7 2023, 3:47 PM

Sarai-WMDE added a project: Wikidata-UX.Apr 12 2023, 2:25 PM