| Modified (in the selected version) | ![Design Modified](img/design_modified_v12_3.png) |
| Modified (in the selected version) | ![Design Modified](img/design_modified_v12_3.png) |
| Added (in the selected version) | ![Design Added](img/design_added_v12_3.png) |
| Added (in the selected version) | ![Design Added](img/design_added_v12_3.png) |
...
@@ -110,7 +110,9 @@ to help summarize changes between versions.
...
@@ -110,7 +110,9 @@ to help summarize changes between versions.
> [Introduced](https://gitlab.com/gitlab-org/gitlab/issues/13217) in [GitLab Premium](https://about.gitlab.com/pricing/) 12.7.
> [Introduced](https://gitlab.com/gitlab-org/gitlab/issues/13217) in [GitLab Premium](https://about.gitlab.com/pricing/) 12.7.
Designs can be explored in greater detail by zooming in and out of the image. Control the amount of zoom with the `+` and `-` buttons at the bottom of the image. While zoomed, you can still [add new annotations](#adding-annotations-to-designs) to the image, and see any existing ones.
Designs can be explored in greater detail by zooming in and out of the image.
Control the amount of zoom with the `+` and `-` buttons at the bottom of the image.
While zoomed, you can still [start new discussions](#starting-discussions-on-designs) on the image, and see any existing ones.
![Design zooming](img/design_zooming_v12_7.png)
![Design zooming](img/design_zooming_v12_7.png)
...
@@ -142,23 +144,22 @@ Only the latest version of the designs can be deleted.
...
@@ -142,23 +144,22 @@ Only the latest version of the designs can be deleted.
Deleted designs are not permanently lost; they can be
Deleted designs are not permanently lost; they can be
viewed by browsing previous versions.
viewed by browsing previous versions.
## Adding annotations to designs
## Starting discussions on designs
When a design is uploaded, you can add annotations by clicking on
When a design is uploaded, you can start a discussion by clicking on
the image on the exact location you'd like to add the note to.
the image on the exact location you would like the discussion to be focused on.
A badge is added to the image identifying the annotation, from
A pin is added to the image, identifying the discussion's location.
which you can start a new discussion:
![Starting a new discussion on design](img/adding_note_to_design_1.png)
![Starting a new discussion on design](img/adding_note_to_design_1.png)
[Introduced](https://gitlab.com/gitlab-org/gitlab/issues/34353) in [GitLab Premium](https://about.gitlab.com/pricing/) 12.8,
[Introduced](https://gitlab.com/gitlab-org/gitlab/issues/34353) in [GitLab Premium](https://about.gitlab.com/pricing/) 12.8,
you can adjust the badge's position by dragging it around the image. This is useful
you can adjust a pin's position by dragging it around the image. This is useful
for when your design layout has changed between revisions, or if you need to move an
for when your design layout has changed between revisions, or if you need to move an
existing badge to add a new one in its place.
existing pin to add a new one in its place.
Different discussions have different badge numbers:
Different discussions have different pin numbers:
![Discussions on design annotations](img/adding_note_to_design_2.png)
![Discussions on designs](img/adding_note_to_design_2.png)
From GitLab 12.5 on, new annotations will be outputted to the issue activity,
From GitLab 12.5 on, new discussions will be outputted to the issue activity,
so that everyone involved can participate in the discussion.
so that everyone involved can participate in the discussion.