Page MenuHomePhabricator

New Vector skin's max-width should be removed or not based on pixel
Closed, DuplicatePublic

Description

Steps to reproduce
  1. Turn off the "Use Legacy Vector" option to use the new Vector skin
  2. Viewing any pages on a widescreen display (Bigger than 21 inches)
Expected Result

The new Vector skin should display content while utilizing the widescreen display. In other words, there should not be blank spaces on the left and right side of the page.
Viewing in old Vector skin.

截屏2020-07-29 15.10.19.jpg (2×4 px, 1 MB)

Ideal viewing in new Vector skin (with max-width turned off in mw-page-container, mw-workspace-container and mw-content-container.)
截屏2020-07-29 15.03.22.jpg (2×4 px, 1 MB)

(My preferred) ideal viewing in new Vector skin (with max-width turned off in mw-page-container and mw-workspace-container, as well as setting mw-content-container's max-width to 85%)
截屏2020-07-29 15.28.26.jpg (2×4 px, 1 MB)

Actual Result

The new Vector skin leaves too many blank spaces for widescreen.

截屏2020-07-29 15.03.13.jpg (2×4 px, 1 MB)

Potential Solution

This is a huge waste of space when using the new Vector skin. You have huge blank spaces outside the mw-page-container, and you have spaces within the mw-workspace-container and mw-content-container. However, this can be easily fixed if there is no max-width restriction in the new Vector skin. In fact, the ideal viewing is just the new Vector skin with max-width turned off in mw-page-container, mw-workspace-container and mw-content-container.
In short, the current max-width is solely based on pixel count, which does not fit for widescreen, it has either to be removed or should be based on percentage, not pixel count