Page MenuHomePhabricator

Make Toolforge main page mobile-friendly
Closed, ResolvedPublic

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.

Vvjjkkii renamed this task from Make Toolforge main page mobile-friendly to 8rcaaaaaaa.Jul 1 2018, 1:09 AM
Vvjjkkii triaged this task as High priority.
Vvjjkkii updated the task description. (Show Details)
Vvjjkkii removed a subscriber: Aklapper.
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)