The file title sometimes overflows its container, which has the same
border-radius. By always rounding the file title, the overflow never
happens, so the corners always look correct.

Everywhere else there are file diffs, there is a top border to complete
the full border around the file.

- expand upwards
- expand downwards
- expand all

in both inline and parallel views

- applied functional component patch
- fixed border radius for list
- fixed Karma test to take a correct li amount

- all commits squashed to make danger review happy

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/56523

Turn avatar-counter into a mixin with optional border-radius

Add changelog file

- Compare versions header is full width except in the unified diff mode
with no tree sidebar
  - Bar is always full width, but the content within stays centered when
unified and no tree sidebar
- File header is the same height as the "Compare versions header"
- aligns with the design system grid guidelines => 56px
- Diff file headers use a button group, switch icon order to open file
externally being the last option, all buttons will become icon buttons
(icon delivery by @dimitrieh)
- If a file header becomes sticky no rounded corner/double border
problem is visible anymore

In the Vue image diff app, the border needs to be on the right because
the new image comes in from the left. The old image diff app which is
used in commits and compare views had the new image visible by default
and hiding away from the left.

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/59739

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/58625

Phil Hughes authored 6 years ago and Mark Chao committed 6 years ago

The user can also toggle between the diff changes and
the full file diff.

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/19054

Added stylelint to static-analysis
Updated yarn dependencies
CSS Fixes and rule adoptions of stylelint
Added stylelint-scss
Deduplicated yarn.lock to clear dependencies

First round of advanced stylelint rules

Mainly Vendor prefix updates related to flex

Updates to more webkit specific vendor prefixes

Finished all vendor specific fixes

Moved now 4 rules to warning

Fixed the new scss lint problems

More stylelint adaptions after rebase

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/51857

Compile highlight CSS separately
Move highlight-specific mixins out of mixins.scss
Rename solarized themes to match theme name as this was a smaller
change than changing all instances to snake_case

Added stylelint to static-analysis
Updated yarn dependencies
CSS Fixes and rule adoptions of stylelint
Added stylelint-scss
Deduplicated yarn.lock to clear dependencies

Put the statistics in the compare-versions header for the entire MR
Put them in the file header for each individual file

Use special classes when is_compare, similar to is_commit. Default
expectation is diff is being viewed in MR

Dropdown includes buttons for tree view rendering mode
and buttons for the compare view (inline or side-by-side)

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/55491

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/54849

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/54503

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/48816

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/54236

Fixes the styling of image discussions after the discussion styling
changes.

Closes https://gitlab.com/gitlab-org/gitlab-ce/issues/54110