Page MenuHomePhabricator

Top personal links bar content wraps and overlaps with tabs and search field for smaller screen widths in classic Vector
Closed, DuplicatePublic

Description

Hello, the top personal links are not correspond with the RTL languages/Wikipedias.
The pictures below show the top links

  • covering the search bar, dropdown lists (and may be tabs in the future) on the mobile device (desktop version)
  • selector has justify-content: flex-end; on desktop device (desktop version)

in ckb Wikipedia; a rtl language.

Screenshot_20210415-175939.jpg (635×1 px, 211 KB)

Screenshot (209).png (768×1 px, 278 KB)

For fixing second point, I think justify-content: flex-end; should be replace with justify-content: flex-start;.
And do something good to fix the covering things. Thanks!

Event Timeline

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

Hi @AramBakir, thanks for taking the time to report this! This seems unrelated to RTL. The problem happens also on other pages with smaller screen width:

Screenshot from 2021-04-15 18-39-44.png (543×780 px, 166 KB)

Regarding all the custom local gadgets shown in your screenshot: These have to be fixed by the local community itself.

Aklapper renamed this task from Correspond top personal links with RTL Wikipedias to Top personal links bar content wraps and overlaps with tabs and search field for smaller screen widths in classic Vector.Apr 15 2021, 4:46 PM
Jdlrobson subscribed.

This version of Vector is not meant for smaller screens and we don't plan to fix this.

On a more positive note this will be addressed better by the in flight https://m.mediawiki.org/wiki/Reading/Web/Desktop_Improvements

Plesse check out T266536 for how we plan to fix this in the next iteration of Vector.