Details
-
Suggestion
-
Resolution: Tracked Elsewhere
-
None
-
None
-
None
-
*Location*: https://stash.atlassian.com/projects/JIRA/repos/jira/pull-requests/924/overview?commentId=62205
*User-Agent*: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/34.0.1847.131 Safari/537.36
*Screen Resolution*: 1200 x 1920
Description
On monitors/screens that are oriented vertically (ie: portrait), the left sidebar consumes too great a proportion of the page.
A second, but related issue, is that the diff/code panel does not scroll:auto its content, it's simply truncated with no scrollbar.
Overall not a great UX.
It would be useful to have buttons for "previous file in changeset", "next file in changeset" (ideally with keyboard shortcuts), so that portrait users can easily step through diffs without having to open/close the sidebar for every file.
The diff/code panel should probably have scrollbar, as the only way to see very long lines is to resize the window across 2-3 monitors (bad) or select the text to scroll to end, or add CSS overrides to force long lines to wrap:
.stash-theme .CodeMirror-code
{ width: 100% !important; }.stash-theme .CodeMirror-sizer
{ min-width: auto !important; }.stash-theme .CodeMirror pre
{ word-break: break-word !important; }Attachments
Issue Links
- incorporates
-
BSERV-4134 Add 'word wrap' support in Stash source and diff views
- Closed
-
BSERV-4724 Show horizontal scrollbar in diffs when not scrolled to bottom
- Closed