Page MenuHomePhabricator

Mismatch Finder website footer
Closed, ResolvedPublic5 Estimated Story Points

Description

As a mismatch reviewer
I want to have relevant links in a footer
in order to have easy and quick access to them

Problem:
We want a footer with relevant links.

Screenshots/mockups:
The footer has been designed and built during the Query Builder Hike: it can be seen on its current test instance. The specs of the footer can also be found on Figma here, at the bottom.

Screenshots

Screenshot 2021-10-06 at 15.49.09.png (160×1 px, 21 KB)
Desktop


Screenshot 2021-10-06 at 15.56.55.png (171×620 px, 22 KB)
Tablet


Screenshot 2021-10-06 at 16.03.13.png (290×194 px, 15 KB)
Mobile

BDD
GIVEN the mismatch finder website
WHEN viewing the website
THEN there is a footer with relevant links at the bottom of the page

Acceptance criteria:

  • all Mismatch Finder website pages have a footer with relevant links and information

Notes
"More Data Quality Tools" links in the footer:

  1. Query Builder
  2. Item Quality Evaluator
  3. Curious Facts
  4. Constraint Violation Checker

Event Timeline

I will address here your question on "Which pages exactly have the footer?"

My answer on the topic would be: currently all of the single-page applications built by the WD team that would follow the current designed layout, meaning:

  • Query Builder.
  • Item Quality Evaluator (does not have one currently, but it should).
  • Mismatch Finder Website (we purposely decided not to have it in the Mismatch Store but rather in the Mismatch Website only).
  • Mismatch Finder Website (we purposely decided not to have it in the Mismatch Store but rather in the Mismatch Website only).

That last part was what I was getting at. Thanks!

@Mattia_Capozzi_WMDE Could you maybe have another look at this taking into account T285744?

@Mattia_Capozzi_WMDE Could you maybe have another look at this taking into account T285744?

Hello @Lydia_Pintscher, these are the adjusted designs with the added elements. How do you feel about it? Please let me know so that I can update the ticket above.

Screenshot 2021-09-17 at 16.53.21.png (300×1 px, 40 KB)

@Mattia_Capozzi_WMDE Can you change the order of the data quality tools links to be the exact opposite?
And please add all the links here.

Hello there, the ticket has been updated :)

@Mattia_Capozzi_WMDE Can you change the order of the data quality tools links to be the exact opposite?
And please add all the links here.

karapayneWMDE set the point value for this task to 5.Nov 2 2021, 3:28 PM

Some remaining UX questions for @Mattia_Capozzi_WMDE:

  • is the breakpoint at which the footer reflows from/to the mobile view the same as the one use in the header? ($width-breakpoint-tablet)
  • link URLs for the first and second column are still missing

Notes from task breakdown:

Linkies:

  • BSD License: Same as QB
  • View Source: Github
  • Phab: Our Phabricator Board

PRs:

  • #208: Style restructure
  • #217: Add footer
  • Phab: Our Phabricator Board

I quickly compared the footer with the one from query builder and saw that they have a nice pre-filled form for the "issues" link. Do we want to keep the simple board link for Mismatch Finder? @Lydia_Pintscher @Mattia_Capozzi_WMDE

Hmmm yeah let's.

how do you create these pre-filled phabricator forms?