- 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

- next-discuss button is always show unless there is only 1 discussion
- regroup buttons arrangements

Add changelog file

- Makes activity dropdown and resolved counter smaller
- Uses grid for spacing
- Removes scrolling on MR tabs

With this commit, we add docs link for confidential
and locked issues to note compose and edit forms

Remove unwanted change
Add changelog
Add check circle filled count widget
Change color for consistency
Remove resolve button class
Merge master
Change to single icon, conditional name
Remove authorship
Remove unnecessary added styles

Use gray-600 for color
Ensure passes accessibility reqs

**What?**
In some browsers subpixel heights are rounded in tables.
This was causing the discussion border to be hidden because the
content overflowed.
Adding `padding-bottom: 1px` basically overrides this rounding.

https://gitlab.com/gitlab-org/gitlab-ce/issues/53973

This reverts merge request !26242

When https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/4765 was
created, comments were wrapped in `.note-text`, while Markdown previews
were wrapped in `.md.md-preview-holder`. Both `.note-text` and `.md`
included the `md-typography` mixin, but for some reason the bulleted
list styling had previously been only under `.note-text`, rather than
`md-typography`. It could've been moved there, but instead was moved to
a new `bulleted-list` mixin that now became included by both
`.md.md-preview-holder` and `.note-text`.

Since https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/5162,
comments have also been wrapped in `.md`, which means we only need to
define these bulleted list styles there!

Similarly, https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/10909
added table styling to `.md`, `.note-text`, and `.wiki` through the
`markdown-table` mixin.
https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/25666 removed it
from `.note-text`, since all `.note-text` elements already have `.md`
too, and copied some of the styling from this mixin into the
`md-typography` mixin which was used by both `.md` and `.wiki`. As of an
earlier commit in this MR, `.wiki` is gone, which means we only still
need it under `.md`.

Rollback change that adds :not(js-syntax-highlight) pseudo-class
to markdown selectors to fix syntax highlight tables in
MR code suggestions. Removes redundant inclusion of
md-typography mixin as an alternative fix.

Signed-off-by: Takuya Noguchi <takninnovationresearch@gmail.com>

Adds discussion note style section under notes app from where
user can toggle discussion when they have selected a filter to show
only system notes.

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

For better readability.

This prevents a horizontal scrollbar from appearing in Firefox in
certain situations. See the [merge request][1] for more details and
discussion.

[1]: https://gitlab.com/gitlab-org/gitlab-ce/merge_requests/25001#note_141208011

Mark Florian authored 6 years ago and markrian committed 6 years ago

The header of the `NoteableDiscussion` component is really a media
object[1], but it didn't have the right DOM or styling to correctly
achieve it.

This change wraps all the children of the media object (except the
floated image) in a dedicated `.timeline-content` element, which is
styled to establish its own block formatting context[2]. This ensures
*all* of its children sit left-aligned to the right edge of the float.

In short, the DOM used to look like this:

    .discussion-header
        .timeline-icon
        note-header
        note-edited-text

and now it looks like this:

    .discussion-header
        .timeline-icon
        .timeline-content (with own formatting context)
            note-header
            note-edited-text

This is also now more consistent with the DOM of `NoteableNote`, in that
`.timeline-icon` and `.timeline-content` seem to want to be siblings.

[1]: http://www.stubbornella.org/content/2010/06/25/the-media-object-saves-hundreds-of-lines-of-code/
[2]: https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Block_formatting_context