kargo icon indicating copy to clipboard operation
kargo copied to clipboard

Freight Timeline horizontal scroll not obvious/easy

Open jessesuen opened this issue 1 year ago • 3 comments

Proposed Feature

The freight timeline may long. And so color indicators may stop showing up. e.g. in below example, the purple stages are not shown in the timeline:

image

The freight timeline is actually scrollable and users are expected to scroll to the right to see their old freight. But there is no easy way to scroll horizontally, unless:

  • user uses trackpad to scroll
  • user holds shift while scrolling with their mouse wheel
  • user's mouse has a horizontal scrolling wheel

Motivation

I wanted to view the purple stages, but was not able to until I learned the trick about holding shift.

Suggested Implementation

@rbreeze suggested to making the scrollbar visible so that users can use drag and scroll.

jessesuen avatar Aug 05 '24 16:08 jessesuen

https://github.com/akuity/kargo/issues/2386 could also address the issue if there is too much freight.

jessesuen avatar Aug 05 '24 17:08 jessesuen

@jessesuen I'm not sure there's a way to accomplish this when users have the default "Show scrollbars = Automatically" setting enabled on a Mac. From the browser's perspective, the scrollbar is "always" there, but it's hidden because of the OS setting and there doesn't seem to be a way to override this via the browser.

When I set scrollbars to "Always", CleanShot 2024-08-06 at 14 09 51@2x

this is how it appears: CleanShot 2024-08-06 at 14 07 49@2x

Perhaps another way to always indicate scrollability is to add a small icon or message to the bottom right of the freight timeline?

rbreeze avatar Aug 06 '24 21:08 rbreeze

Discussed with Remington and I suggested we add left/right arrow buttons in UI that would allow the freight timeline to scroll.

jessesuen avatar Aug 06 '24 23:08 jessesuen