Uploaded image for project: 'Bitbucket Data Center'
  1. Bitbucket Data Center
  2. BSERV-4723

page layout on monitors in portrait orientation

    XMLWordPrintable

Details

    • Suggestion
    • Resolution: Tracked Elsewhere
    • None
    • None
    • None
    • We collect Bitbucket feedback from various sources, and we evaluate what we've collected when planning our product roadmap. To understand how this piece of feedback will be reviewed, see our Implementation of New Features Policy.

    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

          Activity

            People

              Unassigned Unassigned
              mharrison mjh (Inactive)
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: