Page MenuHomeSoftware Heritage
Create Task
Maniphest T1477

Improve swh-web design for mobile browsing
Closed, MigratedEdits Locked
Actions

Description

While swh-web frontend is based on bootstrap for reponsive design, browsing the webapp on a mobile device is not really optimal.

For instance, directory views could be improved to get a look and feel on mobile similar to what GitHub or GitLab offers.

Related Objects
Search...

Event Timeline

anlambert triaged this task as Normal priority.Jan 16 2019, 2:36 PM
anlambert created this task.
himanshug396 added a subscriber: himanshug396.Mar 3 2019, 8:17 PM
This comment was removed by himanshug396.
anlambert updated the task description. (Show Details)May 20 2019, 11:14 AM
anlambert added a project: GSoC 2019.
anlambert added a subscriber: kalpitk.
kalpitk claimed this task.EditedMay 21 2019, 2:46 PM

I propose changes to the following to improve the mobile website -

  • In the directory view, 'Mode' can be removed for mobile website. It would look cleaner.
  • In the mobile view, 'Beta version' obstructs the view. I think it would be better to hide this too.
  • The menu in browse, doesn't look nice. I think this would require some rework.
  • 'Donate' button overlaps on most of devices. For mobile devices, either remove the button or maybe remove class swh-position-right.
  • hide 'go to top' button when already on top (for desktop view also)
  • DataTable headers don't scroll currently in mobile view. Either make the headers scroll too or make it mobile responsive (it will appear in form of dropdown in mobile view)
anlambert added a comment.EditedMay 21 2019, 5:39 PM

@kalpitk , that's a great start.

I agree with your first proposals.

I invite you to submit one Phabricator Diff per point of improvements (you can start coding today If you want).

And just to be clear, I do not ask you to handle all these points for this week (some will be easy but some will be not and will require deep testing).

kalpitk mentioned this in D1505: Hide beta ribbon for non-large screens.May 22 2019, 6:26 PM
kalpitk mentioned this in D1510: Decrease beta ribbon size and hide donate button for small screens.May 23 2019, 7:21 PM
kalpitk mentioned this in D1513: Hide back-to-top when on top.May 24 2019, 4:56 PM
kalpitk mentioned this in D1515: Make DataTables responsive.May 27 2019, 9:16 PM
anlambert closed subtask T1786: Improve popovers display on small screens as Resolved.Jun 7 2019, 6:30 PM
anlambert closed this task as Resolved.Nov 17 2020, 5:03 PM

Implemented during GSOC 2019, closing this.

gitlab-migration changed the task status from Resolved to Migrated.Jan 8 2023, 4:26 PM
gitlab-migration claimed this task.
gitlab-migration added a subscriber: gitlab-migration.

This task has been migrated to GitLab.

gitlab-migration changed the status of subtask T1786: Improve popovers display on small screens from Resolved to Migrated.Jan 8 2023, 4:27 PM
About · Developer information · Legal