Page MenuHomePhabricator

Unify language filter screens and designs across the app
Open, LowPublic

Assigned To
None
Authored By
scblr
Mar 6 2024, 11:21 AM
Referenced Files
F42414408: image.png
Mar 6 2024, 11:21 AM
F42414402: image.png
Mar 6 2024, 11:21 AM
F42414523: Screenshot_20240306-120850.png
Mar 6 2024, 11:21 AM
F42414521: Screenshot_20240306-120836.png
Mar 6 2024, 11:21 AM
F42414537: Screenshot_20240306-120821.png
Mar 6 2024, 11:21 AM
F42414514: Screenshot_20240306-120749.png
Mar 6 2024, 11:21 AM
F42414510: Screenshot_20240306-120733.png
Mar 6 2024, 11:21 AM

Description

Problem
1. Languages
Screenshot_20240306-120733.png (2×1 px, 57 KB)
2. Contributions
Screenshot_20240306-120749.png (2×1 px, 95 KB)
3. Talk pages
Screenshot_20240306-120821.png (2×1 px, 57 KB)
3. Watchlist
Screenshot_20240306-120836.png (2×1 px, 90 KB)
4. Notifications
Screenshot_20240306-120850.png (2×1 px, 97 KB)
  • We introduced a new design for the filters/settings screen for the Watchlist in T326648, but haven’t applied it to other places in the app yet
  • We have too many different designs for the language selection. Not all language selection screens have the same requirements. Based on technical constraints, language selectors can occur in an ordered list (draggable), radio type (single select) or checkbox (multi-select). We need to make sure to come up with a versatile system (see draft for "Modifiers for the language screens:" below)
Tasks
  • Sync with @Dbrant on component unification
  • Update designs for all settings screens with the designs introduced in T326648
  • Unify current language settings screens and create a system to make it easy to apply in the future
  • Unify labels and color usage across screens
Quick design explorations

image.png (1×2 px, 194 KB)

+ Add language on all screens would lead here:

image.png (1×720 px, 99 KB)

Modifiers for the language screens:

  • Type modifiers:
    • isDraggable
    • isRadio
    • isCheckbox
  • Project modifiers:
    • includeLanguages
    • includeCommons
    • includeWikidata

Event Timeline

@Dbrant I created this task based on a previous discussion about the settings screen that is in need of an update. This is likely something that the new designer can pick up to get familiar with making a component out of an inconsistency.