Design Pattern Library - Add updated issuable discussion designs
Issuable discussions are changing with https://gitlab.com/gitlab-org/gitlab-ce/issues/30299 https://gitlab.com/gitlab-org/gitlab-ce/issues/32451 https://gitlab.com/gitlab-org/gitlab-ce/issues/32452
Update the designs within design library to reflect these changes.
Example(s)
Merge reuqest
01 | 02 | 03 |
---|---|---|
Issue
01 | 02 |
---|---|
Usage
Issuable discussions are used for the discussions on issue page and merge request page. It has three states:
- The discussion is collapsed. In this state, it has the avatars in the bar to indicates who joined this discussion. It also indicates the number of replies.
- The discussion is expanded but the comment form is collapsed.
- The discussion is expanded and the comment form is expanded as well.
Dos and dont's
(Use this table to add images and text describing what’s ok and not ok.)
|
|
---|---|
Related patterns
Links / references
Pattern checklist
Make sure these are completed before closing the issue, with a link to the relevant commit, if applicable.
-
Ensure that you have broken things down into atoms, molecules, and organisms. -
Check that you have not created a duplicate of an existing pattern. -
Ensure that you have used the proper method for creating the pattern depending on the complexity. Atoms and molecules are symbols, organisms are groups. -
Make sure that text is created using text styles. When applicable used shared styles for colors. -
QA check by another UX'r (create and reference a file in this issue which includes the changes as you would like to add them to the gitlab-elements file) -
Added to gitlab-elements.sketch -
Add to the UX Guide and/or add to the GitLab Design Library -
Add an agenda item to the next UX weekly call to inform everyone (if new pattern, not yet used in the application)
/cc @cperessini @dimitrieh @hazelyang @pedroms @sarrahvesselov @sarahod @tauriedavis