Page MenuHomePhabricator

Make LESS files work more seamlessly across size boundaries
Closed, ResolvedPublic

Description

Currently, as the browser window is resized, the navigation elements tend to jump around more than they need to. Also, some elements are hard-coded to specific pixel sizes, which makes them less responsive. The following items should be accomplished:

  • To follow best practices for CSS, convert all px units used in the skin to rem units. This is a follow up to T260306.
  • Eliminate the svg files in favor of OOUI icons where possible.

Event Timeline

CCicalese_WMF renamed this task from Convert px units to rem to Make LESS files work more seamlessly across size boundaries.Sep 15 2020, 4:13 PM
CCicalese_WMF updated the task description. (Show Details)

Change 628188 had a related patch set uploaded (by Clarakosi; owner: Clarakosi):
[mediawiki/skins/WikimediaApiPortal@master] WIP Update Less files to be more responsive

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

Change 628411 had a related patch set uploaded (by Clarakosi; owner: Clarakosi):
[mediawiki/skins/WikimediaApiPortal@master] Eliminate the svg files in favor of OOUI icons

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

Change 628188 merged by jenkins-bot:
[mediawiki/skins/WikimediaApiPortal@master] Convert px to rem units

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

Change 628411 merged by jenkins-bot:
[mediawiki/skins/WikimediaApiPortal@master] Eliminate svg files in favor of OOUI icons

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

apaskulin updated the task description. (Show Details)

Verified on beta. Thanks, Clara!