Page MenuHomePhabricator

Wrong content width for Vector-2022 skin layout if extra-wide elements are used
Closed, DuplicatePublicBUG REPORT

Description

Under certain conditions like usage of wide screens, screen zoom-factors grater than 100% and (required) extra wide images like panorama images the content-area width exceeds the default width. This occurs only for the Vector-2022 skin on all modern browsers. It seems to be a css grid-colums layout mistake. It occurs sometimes if special screen zoom factors or revision-history comparison is used.

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

What happens?:

  • The screen output exceeds the limit of the screen.

See for instance https://commons.wikimedia.org/wiki/File:WV-Screenshot_Freiburg67%25.png

  • It seems that overflow CSS rules are not working correctly for extra-wide images.

What should have happened instead?:

  • The dafault page width should be kept.

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

Other information (browser name/version, screenshots, etc.):

  • All browsers
  • screen shot see above.

It seems that there is a corrupt CSS rule for the mw-page-container-inner class. It seems working if the following rule

@media screen and (min-width: 1200px)
.vector-layout-grid .mw-page-container-inner {
  grid-template-columns: 284px 20px 1fr;
}

is removed.