[dashboard] Horizontal scrollbar in “Changes” dropdown has no effect

[corneliusludmann]

When a workspace has changes (e.g. untracked or uncommitted files, unpushed commits), the files are truncated. Therefore, the horizontal scrollbar has no effect.

There are two options:

1. Hide the horizontal scrollbar.
2. Don't truncate the lines and allow to scroll.

I'm personally in favor of (2) because the truncated file paths make some information inaccessible. E.g. here you don't see which files exactly have been changed:

/cc @gtsiolis

[jankeromnes]

I'm personally in favor of (2) because the truncated file paths make some information inaccessible. E.g. here you don't see which files exactly have been changed:

Side note: I'm occasionally bitten by the same thing (truncated text not helpful because the relevant part is hidden). So I've recently taken to adding a title attribute to all truncated texts I see.

For pending changes for example, you'll notice that hovering over each truncated entry reveals the full path. See also the new title attribute in (all the way right):

gitpod/components/dashboard/src/components/ContextMenu.tsx

Line 87 in caa322c

const entry = <div className={`px-4 flex py-3 ${clickable ? 'hover:bg-gray-200 dark:hover:bg-gray-800' : ''} text-sm leading-1 ${e.customFontStyle || font} ${e.separator ? ' border-b border-gray-200 dark:border-gray-800' : ''}`} title={e.title}>

[corneliusludmann]

Thanks for the addition, @jankeromnes! Generally speaking, I see it the same way. However, when you don't know if the value is truncated or not, the tooltip could be redundant. See discussion in this PR: #4416. But still tend to be more in favor of it.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.