Page MenuHomePhabricator

[XS] Visual design adjustments for CAT
Closed, ResolvedPublic

Description

In order to better adapt to the various features we are adding and updating on the Computer Aided Tagging tool, we want to make some slight visual design adjustments.

Note that the category list will be implemented in a future patch and the design guidance here will be followed.

Acceptance criteria:

  • Increase font size of "Image # of #" to 22px and base10 color text
  • Increase font size of file name to 18px and base10 color text
  • Categories will be font size 13px and base20 color text
  • Tags should be 32px tall with base10 color text
  • Adjust spacing/margin between elements (Shown in screenshot)
  • Link filename to image filepage
  • Add a skeleton cardstack element when images are being fetched

Screen Shot 2020-03-12 at 4.34.25 PM.png (1×1 px, 1 MB)

Screen Shot 2020-03-12 at 4.34.42 PM.png (416×1 px, 168 KB)

COVID-19 Deployment Criteria

  • Can you roll back this change without lasting impact?
    1. A recovery plan is required as this will help identify our capacity for recovering from the failure
    2. THIS IS A KEY QUESTION, if you can’t answer it, you shouldn’t deploy
  • Is specialized knowledge required to support this change in production? If so, are there multiple people with this knowledge?
  • Is there a way to increase confidence about the correctness of this change?
    1. Reviews (Design, Code, etc)
    2. Testing coverage (unit tests, integration tests)
    3. Manual testing (e.g. Beta, vagrant, docker)

Event Timeline

CBogen renamed this task from Visual design adjustments for CAT to [XS] Visual design adjustments for CAT.Mar 18 2020, 4:29 PM

Change 581645 had a related patch set uploaded (by Anne Tomasevich; owner: Anne Tomasevich):
[mediawiki/extensions/MachineVision@master] Update styles and remote reset button

https://gerrit.wikimedia.org/r/581645

Change 581645 merged by jenkins-bot:
[mediawiki/extensions/MachineVision@master] Update styles, remove reset button, and fix tests

https://gerrit.wikimedia.org/r/581645