Page MenuHomePhabricator

Bitu is not responsive
Closed, ResolvedPublicBUG REPORT

Description

Steps to replicate the issue (include links if applicable):

  • Navigate to idm.wikimedia.org on a mobile device

What happens?:

image.png (1×708 px, 52 KB)

What should have happened instead?:

  • All of the page contents are visible
  • Clicking the hamburger menu button on the top right corner does something

Software version (skip for WMF-hosted wikis like Wikipedia): n/a

Other information (browser name/version, screenshots, etc.): Screenshot taken using Firefox 102.11.0esr developer tools, but I can also reproduce using Safari on iOS 16.5.

Related Objects

StatusSubtypeAssignedTask
OpenNone
OpenNone
OpenNone
OpenSLyngshede-WMF
ResolvedNone
OpenNone
Open taavi
OpenNone
ResolvedMarostegui
ResolvedAndrew
ResolvedMarostegui
ResolvedAndrew
DeclinedAndrew
ResolvedAndrew
ResolvedAndrew
ResolvedLadsgroup
DuplicateNone
Resolved Bstorm
DeclinedNone
Resolved taavi
ResolvedJdforrester-WMF
DeclinedNone
Openjijiki
OpenNone
OpenFeatureNone
StalledFeatureNone
OpenFeatureSLyngshede-WMF
OpenNone
OpenAndrew
OpenSLyngshede-WMF
ResolvedABran-WMF
Resolved taavi
OpenNone
In ProgressSLyngshede-WMF
ResolvedPRODUCTION ERRORTgr
OpenNone
Resolvedbd808
Resolvedyuvipanda
Resolvedbd808
Resolvedbd808
Resolvedbd808
Open taavi
Resolved taavi
DeclinedNone
OpenNone
OpenSLyngshede-WMF
ResolvedSLyngshede-WMF
ResolvedBUG REPORTSLyngshede-WMF

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript
TheresNoTime renamed this task from Bitu is not responsible to Bitu is not responsive.Jun 12 2023, 10:09 PM
SLyngshede-WMF changed the task status from Open to In Progress.Sep 29 2023, 11:09 AM
SLyngshede-WMF claimed this task.
SLyngshede-WMF triaged this task as Medium priority.

Change 962003 had a related patch set uploaded (by Slyngshede; author: Slyngshede):

[operations/software/bitu@master] Implement Codex design, from design team.

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

Change 962003 merged by Slyngshede:

[operations/software/bitu@master] Implement Codex design, from design team.

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

@taavi / @Ladsgroup Responsive design based on Codex is now live at https://idm-test.wikimedia.org

Feedback is much appreciated :-)

Slightly unrelated, the padding in the button is wrong in desktop

image.png (48×323 px, 4 KB)

Otherwise looks good.

Why is it loading the styles from and leaking user IPs to a third party CDN?

@taavi That is a really good point. Technically that is how the design team suggests using Codex, if you can't use/won't use VueJS. It won't work when we build the Debian package anyway, so I'll just pull in the styling and serve it locally.

I've also raised the CDN issue with the design team and asked that they distribute the CSS version for Codex as a download from our own website for future releases.

The test installation have been updated and now serves the Codex style sheet locally.

We still have a little feedback from the design team to integrate, but overall Bitu is not responsive.

CSS has been pulled in and is served locally, rather than via a third-party CDN.