Page MenuHomePhabricator

Make Toolforge main page mobile-friendly
Closed, ResolvedPublic

Assigned To
Authored By
Quiddity
May 18 2018, 1:08 PM
Referenced Files
F31607454: Screenshot_20200210-220919.jpg
Feb 10 2020, 9:10 PM
F31607267: Screen Shot 2020-02-10 at 10.49.27.png
Feb 10 2020, 5:50 PM
F18338457: photo_2018-05-18_12-40-20.jpg
May 18 2018, 1:08 PM
Tokens
"Stroopwafel" token, awarded by TheDJ."Party Time" token, awarded by Bstorm."Mountain of Wealth" token, awarded by xSavitar."Love" token, awarded by Framawiki.

Description

The top section of https://tools.wmflabs.org/ doesn't work on mobile-size windows.
Source: https://phabricator.wikimedia.org/source/tool-admin-web/

photo_2018-05-18_12-40-20.jpg (1×591 px, 76 KB)

Event Timeline

Can set something like "d-none d-md-flex" classes on the <img> tag instead of d-flex to hide it.
or flex-wrap on the paren to avoid the overflow.

CommunityTechBot renamed this task from 8rcaaaaaaa to Make Toolforge main page mobile-friendly.Jul 2 2018, 4:01 PM
CommunityTechBot raised the priority of this task from High to Needs Triage.
CommunityTechBot updated the task description. (Show Details)
CommunityTechBot added a subscriber: Aklapper.

Can I work on this issue?

@Swayamsrk Yes! Unfortunately we do not have a good development environment for testing changes to the R1922 tool-admin-web application, but I would be happy to try and help you find a way to work on it. One way that you might be able to get started is just by live editing the html & css using your favorite browser's developer tools until you find a layout that seems to work. Another possibility would be to give you access to the https://tools.wmflabs.org/admin-beta/ deployment which you could then live edit from a Toolforge bastion.

Is there a way of running properly the entire website on a browser using localserver or else I just have to edit the html css individually?

Is there a way of running properly the entire website on a browser using localserver or else I just have to edit the html css individually?

The admin tool is a LAMP stack application. (Pedantically it is a "LLMP" application in the live deployment with Lighttpd replacing Apache in the classic LAMP stack.) It should be possible to run it locally to a certain extent. Many sub-pages in the application expect to connect to databases and an LDAP directory, but the splash page is rendering a template without needing any of these datasources. I have not tried it myself yet, but I think this means you could deploy it on your laptop under any PHP runtime container (mod_php, fcgi, etc) to make layout changes easier for the splash page.

Can you give me the link of this repo in gerrit?Because I need to clone this repo by the ssh key otherwise it was showing error during a commit.

Can you give me the link of this repo in gerrit?Because I need to clone this repo by the ssh key otherwise it was showing error during a commit.

There is no gerrit repository. The source code for this tool is hosted in R1922 tool-admin-web.

Kizule added a subscriber: Kizule.

Let'me try :)

Mentioned in SAL (#wikimedia-cloud) [2020-02-10T17:47:51Z] <bd808> Update to c153daf "Fix main page of tools.wmflabs.org to work correctly on mobile devices" (T194943)

Mentioned in SAL (#wikimedia-cloud) [2020-02-10T17:48:55Z] <bd808> Update to c153daf "Fix main page of tools.wmflabs.org to work correctly on mobile devices" (T194943)

Much better. Thanks @Zoranzoki21

Screen Shot 2020-02-10 at 10.49.27.png (676×382 px, 84 KB)

Much better. Thanks @Zoranzoki21

Screen Shot 2020-02-10 at 10.49.27.png (676×382 px, 84 KB)

Your welcome @bd808!

Screenshot_20200210-220919.jpg (1×720 px, 251 KB)