diff options
Diffstat (limited to 'doc/tutorials/left_sidebar')
-rw-r--r-- | doc/tutorials/left_sidebar/img/explore_v16_0.png | bin | 0 -> 13189 bytes | |||
-rw-r--r-- | doc/tutorials/left_sidebar/img/pin_v16_0.png | bin | 0 -> 2295 bytes | |||
-rw-r--r-- | doc/tutorials/left_sidebar/img/pinned_v16_0.png | bin | 0 -> 1475 bytes | |||
-rw-r--r-- | doc/tutorials/left_sidebar/img/project_selected_v16_0.png | bin | 0 -> 24164 bytes | |||
-rw-r--r-- | doc/tutorials/left_sidebar/img/search_projects_v16_0.png | bin | 0 -> 40408 bytes | |||
-rw-r--r-- | doc/tutorials/left_sidebar/img/shortcuts_v16_0.png | bin | 0 -> 1180 bytes | |||
-rw-r--r-- | doc/tutorials/left_sidebar/img/your_work_v16_0.png | bin | 0 -> 20880 bytes | |||
-rw-r--r-- | doc/tutorials/left_sidebar/index.md | 72 |
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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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 Binary files differnew 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) |