Lea_WMDE created this task.
Lea_WMDE triaged this task as "Normal" priority.
Lea_WMDE added projects: Wikidata-Termbox-Hike, Wikidata, Wikidata Mobile.

TASK DESCRIPTION

Motivation
To prepare for a holistic experiences once mobile shows terms in multiple languages, the display of the terms in the interface language must be altered as well.
The goal is to have a clear interface structure, with all interactive elements reaching into an interactive aread at the right of the screen for LTR (and left for RTL) languages. This structure will be followed throughout the termbox rehaul.

Mockups of final version:
LTR :
F26217261: Termbox-Milestone1-collapsed.jpg
F26217263: Termbox-Milestone1-collapsed.svg
F26217305: Termbox-Milestone1-collapsed_portrait.svg
F26217304: Termbox-Milestone1-collapsed_portrait.jpg

RTL :
F26217260: Termbox-Milestone1-collapsed_RTL.jpg
F26217262: Termbox-Milestone1-collapsed_RTL.svg

Acceptance criteria:

  • The item's label, description and alias are displayed as shown in the mocks. Use the svgs to read out the proportions.
  • The style is left bound for LTR languages and right bound for RTL languages
  • Icons change direction depending on which direction the interface language has
  • The design is responsive. In portrait mode it breaks as indicated in the portray mock
  • All design specifications are followed

Design specifications

  • red areas are touch targets
  • the red line with an arrow is a keyline which is the strict border for text content not to overlap with the interactive area
  • a touch target needs to have at least 48 px by 48 px, the icon/text is placed centered/centered
  • blue areas show the heights from font baseline to another baseline
  • green areas are paddings

F26217333: Termbox-Milestone1-collapsed_portrait.svg

F26217334: Termbox-Milestone1-collapsed.svg

F26217335: Termbox-Milestone1-collapsed_RTL.svg

Notes:

  • The watchlist and edit button should have the same behavior as before
  • Although present in the mocks, this ticket does not cover the "In more languages" link

TASK DETAIL
https://phabricator.wikimedia.org/T207150

EMAIL PREFERENCES
https://phabricator.wikimedia.org/settings/panel/emailpreferences/

To: Lea_WMDE
Cc: Aklapper, Lea_WMDE, Nandana, Lahi, Gq86, GoranSMilovanovic, QZanden, LawExplorer, Wikidata-bugs, aude, Lydia_Pintscher, Addshore, Mbch331
_______________________________________________
Wikidata-bugs mailing list
Wikidata-bugs@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/wikidata-bugs

Reply via email to