Page MenuHomePhabricator
Create Task
Maniphest T236936

Make “Illustrations” imagery work well on small screens
Open, Needs TriagePublic
Actions

Description

Currently the imagery is scaled down which is sub-optimal, specifically for sets of 3, on small portrait mode:

BeforeAfter
image.png (7×640 px, 1010 KB)
image.png (11×640 px, 1 MB)

Update 2024-02-14: The responsive behavior in Codex Style Guide section is similarly sub-optimal, so keeping this task open.

Event Timeline

Volker_E created this task.Oct 30 2019, 5:50 PM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptOct 30 2019, 5:50 PM
Volker_E assigned this task to cmadeo.Nov 1 2019, 1:47 AM
Volker_E triaged this task as Medium priority.
Volker_E updated the task description. (Show Details)

@cmadeo Your turn, please.

Volker_E moved this task from Wikimedia Design Style Guide v1.1 to Needs Review/Feedback on the Wikimedia Design Style Guide board.Nov 2 2019, 1:31 AM
Volker_E edited projects, added Wikimedia Design Style Guide; removed Wikimedia Design Style Guide (Wikimedia Design Style Guide v1.1).
cmadeo added a comment.Nov 7 2019, 11:03 PM

@Volker_E looking great! Would it be possible to center the first illustration under the header 'Using illustrations' though?

Volker_E added a comment.Nov 7 2019, 11:16 PM

@cmadeo Should it follow the same logic like the ones underneath and be full width on these canvas sizes or all smaller and centered?

cmadeo added a comment.Nov 18 2019, 4:06 PM

@Volker_E I think following the same logic as the ones underneath would be great!

cmadeo removed cmadeo as the assignee of this task.May 26 2021, 3:26 PM
Volker_E edited projects, added Codex, Documentation; removed Wikimedia Design Style Guide.Feb 14 2024, 2:16 PM
Volker_E updated the task description. (Show Details)
Restricted Application added a project: Design-System-Team. · View Herald TranscriptFeb 14 2024, 2:16 PM
CCiufo-WMF raised the priority of this task from Medium to Needs Triage.Feb 20 2024, 3:26 PM
CCiufo-WMF moved this task from Inbox to Backlog on the Design-System-Team board.
Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL