Page MenuHomePhabricator

Impact module: Vector (2022) changes layout display at width 1500 px
Closed, ResolvedPublic

Description

Steps to reproduce:

  1. Make sure that Vector (2022) skin is selected. For new accounts it's a default skin.
  2. Go to Special:Homepage - if the screen size width <1500px, then the page will have three-column layout display. In the screenshot below the "Recent activity" graph overlaps the Mentorship module a little bit.

Screen Shot 2022-11-09 at 12.25.26 PM.png (1×3 px, 888 KB)

  1. Change the screen width to 1500px - the layout changes to two-column format:

Screen Shot 2022-11-09 at 12.25.45 PM.png (1×2 px, 753 KB)

Note: Vector (Legacy) doesn't behave this way - resizing a screen will result in adjusting the width of the page elements and only at the width ~1025ox, the elements will be placed vertically.

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald Transcript

Change 858992 had a related patch set uploaded (by Sergio Gimeno; author: Sergio Gimeno):

[mediawiki/extensions/GrowthExperiments@master] User impact: fix streak graph overflow

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

Change 858992 merged by jenkins-bot:

[mediawiki/extensions/GrowthExperiments@master] User impact: fix streak graph overflow

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

EUdoh-WMF subscribed.

There is no overflow of this graph anymore, thanks for the fix. I checked in Chrome v106, Safari v16 and Firefox v107.

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