Skip to content

Numerous UI improvements

Douwe Maan requested to merge ui-stuff into master

Numerous UI improvements, in no particular order. Not split up into commits, but that can be arranged upon request.

  • Properly position logo tooltip

    logo_tooltip

  • Restore sidebar tooltips

    sidebar_tooltips

  • Move project visibility status to the left + Add edit and RSS buttons to project home panel + Add visibility level description to snippet and project visibility labels

    project_buttons

  • Remove padding around form-actions

    form_actions

  • Unify new project namespace select and path input

    project_namespace

  • Redesign multiple select2 options + Tweak style of select2 placeholders

    select2

  • Add "New X" buttons to dashboard and group issue, MR and milestone indexes

    new_issue

  • Move labels to second line of issue/MR list item

    issue_labels

  • Use new style for milestone detail page

    milestone

  • Use new style for wiki

    wiki

  • Use select2 for bulk issue edit status

  • Move "Start new merge request" checkbox closer to New branch field

  • Remove "none" username for "Unassigned" and "Any User" select options

  • Add edit and RSS buttons to project home panel

  • Use gl-padding instead of 10px/15px where appropriate

  • Fix logo height in signed-out header bar

  • Fix alignment of buttons in issue header

  • Use gl-padding for panels

  • Fix horizontal alignment of sidebar items when collapsed

  • Fade in/out Back icon in sidebar

  • Fix page title margin

  • Use same text color for commit box as issue title

  • Remove duplicated styling for center top menus

  • Remove double border between gray blocks

  • Add pointer cursor to award emoji selector

  • Remove style duplication between snippet and issue detail pages

  • Capitalize tab titles

  • Prefer "Files" over "Code"

  • Truncate submodule commit SHAs to 7 characters

  • Add "No Milestone" option to issue milestone select

  • Don't reset target branch when choosing to "Change branches" in MR

  • Separate page title segments by middot rather than pipe

  • Use "Assigned to USER" tooltip in issue list item

  • Use "Any Label" and "Any Milestone" in selects rather than the ambiguous "Any" option

  • Use consistent casing for page titles and form field labels

  • Fix incorrect active state for "Your Projects" tab

  • Don't use success state for explore projects search button

  • Use form-actions where appropriate

  • Use autofocus on title inputs where appropriate

  • Use js-requires-input where appropriate

  • Don't write "Optional" or "Required" unless non-obvious

  • Add cancel button to forms that didn't have one already

  • Add header title to import pages

  • Use table-holder where appropriate

  • Add plus icon to all "Add X" buttons

  • Extract title from copy/pasted SSH key when it ends in a newline

  • Fix padding of no readme and empty repo messages

  • Use file-type specific file icon in blame view and diff item

  • Move branch list info tags out of main link

  • Use monospace font for commit SHA in branch list

  • Only use input placeholders when they add value

  • Add clipboard button to commit box SHA

  • Move subscription info below label info in issue/MR sidebar

  • Link issue/MR list item comments counter to comments

  • Use "opened by" instead of "created by" in issue/MR header, like in list

  • Use "Delete" in milestone and label delete buttons instead of "Remove"

  • Link to branches from MR "Request to merge X into Y" sentence

  • Move "Add Group" button higher up in new project form

  • Only show "Manage group members" in project member list when user has access

  • Don't use success state for "Download zip" button

  • Add tooltip to tag list edit release notes button

  • Make tree view "Add file" button smaller

  • Add "New issue" link to dashboard/group milestone project-specific issue panels

  • Move "Please review the contribition guide" next to MR/issue Submit button

  • Use normal-styled tabs in profile view

  • Make content only as tall as it needs to be

  • Use full names in emoji tooltip

  • Fix padding around editor path, input and select box.

  • "CI build passed", not "CI build success"

Fixes #3544 (closed), #2928 (closed), #2882 (closed), #2071 (closed), #1425 (closed), #3742 (closed), https://dev.gitlab.org/gitlab/gitlabhq/issues/2594, https://dev.gitlab.org/gitlab/gitlabhq/issues/2590, https://dev.gitlab.org/gitlab/gitlabhq/issues/2589, https://dev.gitlab.org/gitlab/gitlabhq/issues/2581, https://dev.gitlab.org/gitlab/gitlabhq/issues/2577, https://dev.gitlab.org/gitlab/gitlabhq/issues/2575, https://dev.gitlab.org/gitlab/gitlabhq/issues/2573,

Merge request reports