Community Wishlist Survey 2023/Archive/Solving the problem of horizontal scrolling on the main page of the Persian Wikipedia

Random proposal ►◄ Archive The survey has concluded. Here are the results!

Solving the problem of horizontal scrolling on the main page of the Persian Wikipedia

N Proposal solved as fix was made

Problem: It's in the "Serbian and Croatian" language element in Wikipedia's languages section and isn't much help.
Proposed solution: Remove the combination of languages will be confused.
Who would benefit: All Persian language users who use the mobile version
More comments:
Phabricator tickets:
Proposer : Rick Sanchez (talk) 21:09, 27 January 2023 (UTC)[reply]

Discussion

@M4tinbeigi: You are saying that on https://fa.m.wikipedia.org the line Srpskohrvatski / српскохрватски (صرب و کرواتی) is causing the mobile view to be so wide that it will overflow the viewport ? It seems that someone has set nowrap on all language names, which is a bad option to use in mobile layouts, because of exactly this problem. I suggest changing page fa:الگو:Wikipedia languages/styles.css from

.wikipedia-languages ul a {
	white-space: nowrap;
}

into

@media screen and (min-width: 720px) {
    .wikipedia-languages ul a {
	    white-space: nowrap;
    }
}

This is likely something that User:Ebrahim can help with. —TheDJ (talk • contribs) 13:25, 31 January 2023 (UTC)[reply]

User:TheDJ: I applied this at fa:Special:Diff/36480870, hopefully it makes it work --ebrahim^talk 08:38, 1 February 2023 (UTC)[reply]

thank you Rick Sanchez (talk) 14:30, 6 February 2023 (UTC)[reply]

@Ebrahim: OK, i have realized that there is another problem, which is RTL specific, which I had not noticed initially as my default interfact language is English. This has to do with the default layout of lists, specifically hlists.

.wikipedia-languages>ul {
    list-style: none;
    text-align: center;
    clear: both;
    font-size: 110%;
    padding: 0; /* add this line to pre-existing block */
}
/* Add this new block which tells hlist not to wrap,
 * which particularly in this template is undesirable */
.wikipedia-languages>ul>li {
    white-space: normal;
}

Hope that fixes all of it. —TheDJ (talk • contribs) 09:51, 1 February 2023 (UTC)[reply]

User:TheDJ: Hopefully this makes it work, fa:Special:Diff/36481419 --ebrahim^talk 10:37, 1 February 2023 (UTC)[reply]

Archiving, since a fix is/was already being made. DBrant (WMF) (talk) 13:22, 6 February 2023 (UTC)[reply]