Page MenuHomePhabricator

On mobile header icons overlap with search bar in responsive mode
Open, LowPublic

Description

Hi!
I use following MW:
MediaWiki 1.38.1
PHP 7.3.32 (cgi-fcgi)
MySQL 5.7.34
I would suggest to the development team to improve the outlay of Mobile version of new Vector 2022 skin. I have svg logo uploaded and as you can see that the search button is very close to the logo (Google Chrome from iPhone 11):

09A32C02-4326-496E-819B-12B12A6E5CBB.jpeg (540×1 px, 235 KB)

I would line the buttons with margins as it shown like on the image below:
A262B34B-4D6F-4F25-89D7-177ADB8E560A.jpeg (540×1 px, 30 KB)

Event Timeline

Jdlrobson added a subscriber: Jdlrobson.

Do you have $wgVectorResponsive = true in your LocalSettings.php? If so, this is not production ready yet (see T106463).

Jdlrobson renamed this task from Bug at Mobile version of new Vector 2022 skin to On mobile header icons overlap with search bar in responsive mode.Thu, Jun 23, 6:11 PM
Jdlrobson edited projects, added Desktop Improvements; removed Vector.

@Jdlrobson yes I have $wgVectorResponsive = true;

Hoping to fix this for 1.39 release but can't promise that. I've updated documentation to be more clear on the state of this flag: https://www.mediawiki.org/wiki/Skin:Vector/2022#Configuration_parameters

ovasileva moved this task from Incoming to Unplanned future work on the Readers-Web-Backlog board.