Skip to content

Mobile commit list: re-arrange order of the commit hash and tags

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Context

Per &17482 (comment 2611078691) the specifications for the MVC version of the Commit list are:

Option 1 (MVC): Use display of current mobile crud component

Logical option for MVC, the "don't rock the boat" option.

Screen Notes
Default

M1._default (1).jpg

  • "Verified" badge and tag is using a smaller, mobile-friendly version of the badge (16px tall). I don't see this in Pajamas, however, we are currently using a smaller badge on mobile on the current Commits page.
Interactions

M1._expanded.jpg

  • See Issues page for an example of how the crud component expands/collapses on mobile
  • Clicking on the commit title will bring users to the commits detail page (see click state in blue)
Breadcrumb overflow

M3._breadcrumb_overflow.jpg

  • The breadcrumb will appear by default to the right of the branch selector
  • If there is no more space, the breadcrumbs will fall onto a new line.
  • See Repository page for an example of how this functions.

Problem

  • The commit hash should appear on the left-hand side in mobile, to help with scannability.
  • The commit hash should be styled with the code styling (smaller text, background color) on mobile, to help with readability.
Current Design proposal
current.png design.jpg
Edited by Alyssa Trinh