Add latest changes from gitlab-org/gitlab@master

8 files changed, 72 insertions, 0 deletions

diff --git a/doc/tutorials/left_sidebar/img/explore_v16_0.png b/doc/tutorials/left_sidebar/img/explore_v16_0.png
new file mode 100644
index 00000000000..3cbe94e5de4
--- /dev/null
+++ b/doc/tutorials/left_sidebar/img/explore_v16_0.png
diff --git a/doc/tutorials/left_sidebar/img/pin_v16_0.png b/doc/tutorials/left_sidebar/img/pin_v16_0.png
new file mode 100644
index 00000000000..17dbcac4caf
--- /dev/null
+++ b/doc/tutorials/left_sidebar/img/pin_v16_0.png
diff --git a/doc/tutorials/left_sidebar/img/pinned_v16_0.png b/doc/tutorials/left_sidebar/img/pinned_v16_0.png
new file mode 100644
index 00000000000..da6eba82f86
--- /dev/null
+++ b/doc/tutorials/left_sidebar/img/pinned_v16_0.png
diff --git a/doc/tutorials/left_sidebar/img/project_selected_v16_0.png b/doc/tutorials/left_sidebar/img/project_selected_v16_0.png
new file mode 100644
index 00000000000..65f89968780
--- /dev/null
+++ b/doc/tutorials/left_sidebar/img/project_selected_v16_0.png
diff --git a/doc/tutorials/left_sidebar/img/search_projects_v16_0.png b/doc/tutorials/left_sidebar/img/search_projects_v16_0.png
new file mode 100644
index 00000000000..9b7b394c416
--- /dev/null
+++ b/doc/tutorials/left_sidebar/img/search_projects_v16_0.png
diff --git a/doc/tutorials/left_sidebar/img/shortcuts_v16_0.png b/doc/tutorials/left_sidebar/img/shortcuts_v16_0.png
new file mode 100644
index 00000000000..07094898117
--- /dev/null
+++ b/doc/tutorials/left_sidebar/img/shortcuts_v16_0.png
diff --git a/doc/tutorials/left_sidebar/img/your_work_v16_0.png b/doc/tutorials/left_sidebar/img/your_work_v16_0.png
new file mode 100644
index 00000000000..f7b5ed4217d
--- /dev/null
+++ b/doc/tutorials/left_sidebar/img/your_work_v16_0.png
diff --git a/doc/tutorials/left_sidebar/index.md b/doc/tutorials/left_sidebar/index.md
new file mode 100644
index 00000000000..bbd63fbd4f7
--- /dev/null
+++ b/doc/tutorials/left_sidebar/index.md
@@ -0,0 +1,72 @@
+---
+stage: none
+group: Tutorials
+info: For assistance with this tutorial, see https://about.gitlab.com/handbook/product/ux/technical-writing/#assignments-to-other-projects-and-subjects.
+---
+
+# Tutorial: Use the left sidebar to navigate GitLab
+
+> [Introduced](https://gitlab.com/groups/gitlab-org/-/epics/9044) in GitLab 16.0.
+
+Follow this tutorial to learn how to use the new left sidebar to navigate the UI.
+
+Provide feedback in
+[issue 409005](https://gitlab.com/gitlab-org/gitlab/-/issues/409005).
+
+## Enable the new left sidebar
+
+To view the new sidebar:
+
+1. On the top bar, in the upper-right corner, select your avatar.
+1. Turn on the **New navigation** toggle.
+
+To turn off this sidebar, return to your avatar and turn off the toggle.
+
+## Find your project and customize the sidebar
+
+Let's get started exploring the GitLab UI and left sidebar.
+
+1. Start by finding the project you want to work on.
+   To explore all available projects, on the left sidebar, select **Explore**:
+
+   ![Explore](img/explore_v16_0.png)
+
+1. On the right, above the list of projects, type search criteria.
+
+   ![Search projects](img/search_projects_v16_0.png)
+
+1. When you find the project you want, select the project name.
+   The left sidebar now shows project-specific options.
+
+   ![Project-specific options](img/project_selected_v16_0.png)
+
+Now, on the left sidebar:
+
+- Your issues, merge requests, and to-do items are listed in the shortcuts
+  at the top:
+
+  ![shortcuts](img/shortcuts_v16_0.png)
+
+- You can pin other items if you tend to use them frequently.
+  To do so:
+
+  1. Expand the sections until you are viewing the item you want to pin.
+  1. Hover over and select the pin (**{thumbtack}**).
+
+     ![pin](img/pin_v16_0.png)
+
+  The item is displayed in the **Pinned** section:
+
+  ![pinned item](img/pinned_v16_0.png)
+
+- If you need to find a merge request you created,
+  an issue you opened, or anything else, next to your avatar,
+  select the magnifying glass (**{search}**).
+
+## View everything assigned to you
+
+On the left sidebar, you can also choose a more focused view into the areas you have access to.
+
+- Change the view to **Your work**.
+
+  ![Your work](img/your_work_v16_0.png)