diff --git a/assets/styles/layouts/_inline-icons.scss b/assets/styles/layouts/_inline-icons.scss index 19503025e..07f5b47e1 100644 --- a/assets/styles/layouts/_inline-icons.scss +++ b/assets/styles/layouts/_inline-icons.scss @@ -19,7 +19,7 @@ width: 20px; height: 20px; padding-left: .28rem; - line-height: 1.35rem; + line-height: 1.25rem; } } diff --git a/content/v2.0/visualize-data/labels.md b/content/v2.0/visualize-data/labels.md index bde4887bf..475dbe506 100644 --- a/content/v2.0/visualize-data/labels.md +++ b/content/v2.0/visualize-data/labels.md @@ -12,15 +12,19 @@ weight: 101 --- Labels are a way to add visual metadata to dashboards, tasks, and other items in the InfluxDB UI. -To manage labels, click the **Configuration** icon in the navigation bar and select **Labels**. +To manage labels: -{{< img-hd src="/img/2-0-labels-nav-link.png" title="Labels configuration" />}} +1. Click the **Settings** icon in the navigation bar. + + {{< nav-icon "settings" >}} + +2. Click **Labels**. #### Create a label 1. Click **+ Create Label**. 2. Enter a **Name** for the label. -3. Select a **Color** for the lable. -4. Enter a description for the label _(Optional)_. +3. Enter a description for the label _(Optional)_. +4. Select a **Color** for the label. 5. Click **Create label**. #### Edit a label @@ -35,8 +39,7 @@ To manage labels, click the **Configuration** icon in the navigation bar and sel ### Add labels to dashboards and tasks 1. In the list view of dashboards or tasks, hover over the item to which you would like to add a label. -2. Click the {{< icon "add-label" >}} icon that appears to the right of the name. - The **Manage Labels** overlay will appear. +2. Click the {{< icon "add-label" >}} icon that appears below the name. + The **Add Labels** overlay will appear. 3. Type the name of the label you would like to add to filter the list of available labels. - Click the label you would like to add. More than one label can be added. -4. Click **Save Changes**. + Click the label you would like to add. diff --git a/static/img/2-0-data-explorer-save-as-task.png b/static/img/2-0-data-explorer-save-as-task.png index 7079a3432..a36e18a09 100644 Binary files a/static/img/2-0-data-explorer-save-as-task.png and b/static/img/2-0-data-explorer-save-as-task.png differ diff --git a/static/img/2-0-data-explorer-ui.png b/static/img/2-0-data-explorer-ui.png index 74e9a556f..795806152 100644 Binary files a/static/img/2-0-data-explorer-ui.png and b/static/img/2-0-data-explorer-ui.png differ diff --git a/static/img/2-0-labels-nav-link.png b/static/img/2-0-labels-nav-link.png deleted file mode 100644 index 8b99cb94b..000000000 Binary files a/static/img/2-0-labels-nav-link.png and /dev/null differ diff --git a/static/img/2-0-tasks-create-edit.png b/static/img/2-0-tasks-create-edit.png index 6ab89e794..1215826fd 100644 Binary files a/static/img/2-0-tasks-create-edit.png and b/static/img/2-0-tasks-create-edit.png differ diff --git a/static/img/2-0-telegraf-config-delete.png b/static/img/2-0-telegraf-config-delete.png index 56c30d452..10cc26796 100644 Binary files a/static/img/2-0-telegraf-config-delete.png and b/static/img/2-0-telegraf-config-delete.png differ diff --git a/static/img/2-0-telegraf-config-update.png b/static/img/2-0-telegraf-config-update.png index a72f6bfe4..5eed66f96 100644 Binary files a/static/img/2-0-telegraf-config-update.png and b/static/img/2-0-telegraf-config-update.png differ diff --git a/static/img/2-0-telegraf-config-view.png b/static/img/2-0-telegraf-config-view.png index 55539875a..237ccd4b6 100644 Binary files a/static/img/2-0-telegraf-config-view.png and b/static/img/2-0-telegraf-config-view.png differ