diff --git a/source/_docs/automation/troubleshooting.markdown b/source/_docs/automation/troubleshooting.markdown index 458a88dc5b2..5e53c3e88bc 100644 --- a/source/_docs/automation/troubleshooting.markdown +++ b/source/_docs/automation/troubleshooting.markdown @@ -19,7 +19,7 @@ Testing with complex triggers, conditions, and variables can be difficult. Note ### Running individual actions or conditions -In the automation editor UI, each {% term condition %} and {% term action %} can be tested individually. Select the three dots menu, then the **Test** button. +In the automation editor UI, each {% term condition %} and {% term action %} can be tested individually. Select the three dots {% icon "mdi:dots-vertical" %} menu, then the **Test** button. - Testing a condition will highlight it to show whether the condition passed at the moment it was tested. If all conditions pass, then the automation will run when triggered. Testing building blocks like an **and** condition will report whether the whole block registers as true or false, or you can test individual conditions within the building block. diff --git a/source/_docs/configuration.markdown b/source/_docs/configuration.markdown index e43dedaa223..b73bfb1378f 100644 --- a/source/_docs/configuration.markdown +++ b/source/_docs/configuration.markdown @@ -91,7 +91,7 @@ The method for running a configuration check depends on your [installation type] For configuration changes to become effective, the configuration must be reloaded. Most integrations in Home Assistant (that do not interact with {% term devices %} or {% term services %}) can reload changes made to their configuration in `configuration.yaml` without needing to restart Home Assistant. -1. Under **Settings**, select the three dots menu (top right), select **Restart Home Assistant** > **Quick reload**. +1. Under **Settings**, select the three dots menu (top right) {% icon "mdi:dots-vertical" %}, select **Restart Home Assistant** > **Quick reload**. ![Settings, three dot menu, restart Home Assistant](/images/docs/configuration/settings_restart_ha.png) diff --git a/source/_docs/organizing/categories.markdown b/source/_docs/organizing/categories.markdown index a40b429d7cc..2afe900b642 100644 --- a/source/_docs/organizing/categories.markdown +++ b/source/_docs/organizing/categories.markdown @@ -31,7 +31,7 @@ Follow these steps to create a new category. 1. Go to {% my automations title="**Settings** > **Automations & Scenes**" %} and open the respective tab. 2. To assign a category to a single item: - - Find the item in the list and select the three dots menu. + - Find the item in the list and select the three dots {% icon "mdi:dots-vertical" %} menu. - Select **Assign category** and select the category from the list. - If the category is not in the list, select **Add new category** and make a new one. 3. To assign a category to multiple items: diff --git a/source/_docs/organizing/floors.markdown b/source/_docs/organizing/floors.markdown index f2be3664f8f..bb62473b88b 100644 --- a/source/_docs/organizing/floors.markdown +++ b/source/_docs/organizing/floors.markdown @@ -44,7 +44,7 @@ Follow these steps to create a new floor. Follow these steps to delete a floor. Areas that are assigned to a floor will become unassigned. Automations and scripts or voice assistants that used a floor as a target will no longer work as they no longer have a target. 1. Go to {% my areas title="**Settings** > **Areas, labels & zones**" %}. -2. Next to the floor, select the three dots menu and select **Delete floor**. +2. Next to the floor, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Delete floor**. ![Screenshot showing the dialog to delete a floor](/images/organizing/floor_delete.png) diff --git a/source/_docs/organizing/labels.markdown b/source/_docs/organizing/labels.markdown index e2db75cf2ce..da948036c15 100644 --- a/source/_docs/organizing/labels.markdown +++ b/source/_docs/organizing/labels.markdown @@ -51,7 +51,7 @@ Follow these steps to apply a label - Go to {% my automations title="**Settings** > **Automations & Scenes**" %} and open the respective tab. - Select the Multiselect icon button. - From the list, select all the list entries to which you want to apply a label. - - In the top right corner, select the three dots menu, then select **Add label**. Then, select the labels from the list. + - In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Add label**. Then, select the labels from the list. ## Deleting a label @@ -59,7 +59,7 @@ Follow these steps to delete a label. It will be removed from all the list entri If you used this label in automations or script as targets, you need to adjust those. 1. Go to {% my labels title="**Settings** > **Areas, labels & zones**" %} and on top, select the **Labels** tab. -2. In the list of labels, find the label you want to delete and select the three dots menu. +2. In the list of labels, find the label you want to delete and select the three dots {% icon "mdi:dots-vertical" %} menu. 3. Select **Delete**. 4. If you used this label in automations or script as targets, you need to adjust those. @@ -70,6 +70,6 @@ If you used this label in automations or script as targets, you need to adjust t - Or, go to {% my automations title="**Settings** > **Automations & Scenes**" %} and open the respective tab. 2. Select the Multiselect icon button. - From the list, select all the items from which you want to remove a label. - - In the top right corner, select the three dots menu, then select **Add label**. + - In the top right corner, select the three dots {% icon "mdi:dots-vertical" %} menu, then select **Add label**. - Then, deselect the checkbox for the label you want to remove. diff --git a/source/_docs/troubleshooting_general.markdown b/source/_docs/troubleshooting_general.markdown index 81bdf45a291..07139cc1a30 100644 --- a/source/_docs/troubleshooting_general.markdown +++ b/source/_docs/troubleshooting_general.markdown @@ -53,7 +53,7 @@ Typically, updates are shown at the top of the **Settings** page. If you don't s ### Resolution -1. On the **System** page, in the top-right corner, select the three dots menu and select **Check for updates**. +1. On the **System** page, in the top-right corner, select the three dots {% icon "mdi:dots-vertical" %} menu and select **Check for updates**. 2. Go to {% my updates title="**System** > **Updates**" %}. - Select the update notification. - - Select the cogwheel, then set **Visible** to active. + - Select the cogwheel {% icon "mdi:cog-outline" %}, then set **Visible** to active. diff --git a/source/_includes/asides/about.html b/source/_includes/asides/about.html index 1c6c6e0bd26..094a972b38a 100644 --- a/source/_includes/asides/about.html +++ b/source/_includes/asides/about.html @@ -1,13 +1,13 @@
-

About Home Assistant

+

{% icon "mdi:about-circle-outline" %} About Home Assistant

- Home Assistant is part of the Open Home Foundation . + Home Assistant is part of the Open Home Foundation {% icon "tabler:external-link" %}.

diff --git a/source/_includes/asides/categories.html b/source/_includes/asides/categories.html index d47862011a4..fd4c789636f 100644 --- a/source/_includes/asides/categories.html +++ b/source/_includes/asides/categories.html @@ -1,5 +1,5 @@
-

Categories

+

{% icon "mdi:category" %} Categories

-

Integration owners

+

{% icon "mdi:person-heart" %} Integration owners

{% if page.ha_codeowners %} {% assign ha_project = false %} {% for codeowner in page.ha_codeowners %} diff --git a/source/_includes/asides/dashboards_navigation.html b/source/_includes/asides/dashboards_navigation.html index d2e03ebd744..5fe1de05479 100644 --- a/source/_includes/asides/dashboards_navigation.html +++ b/source/_includes/asides/dashboards_navigation.html @@ -32,7 +32,7 @@
-

Card types

+

{% icon "mdi:card-multiple-outline" %} Card types

-

Advanced

+

{% icon "mdi:cog" %} Advanced

diff --git a/source/_includes/asides/docs_navigation.html b/source/_includes/asides/docs_navigation.html index ae54ccd30f8..81dcd8d61be 100644 --- a/source/_includes/asides/docs_navigation.html +++ b/source/_includes/asides/docs_navigation.html @@ -8,7 +8,7 @@ {% active_link /docs/glossary/ Glossary %}
  • - Getting started + {% icon "mdi:rocket-launch-outline" %} Getting started
    • {% active_link /installation Installation %}
    • {% active_link /getting-started Getting started & onboarding %}
    • @@ -23,7 +23,7 @@
  • - {% active_link /docs/frontend/ Frontend %} + {% icon "mdi:view-dashboard" %} {% active_link /docs/frontend/ Frontend %}
    • {% active_link /dashboards Dashboards, views, cards %}
    • {% active_link /docs/organizing/ Organizing: areas, floors, labels, categories, ... %}
    • @@ -31,7 +31,7 @@
  • - Configuration + {% icon "mdi:cog" %} Configuration
    • {% active_link /docs/configuration/ Configuration.yaml %}
    • {% active_link /docs/configuration/yaml/ YAML syntax%}
    • @@ -52,7 +52,7 @@
  • - {% active_link /docs/energy/ Home Energy Management %} + {% icon "mdi:solar-power-variant" %} {% active_link /docs/energy/ Home Energy Management %}
    • {% active_link /docs/energy/electricity-grid/ Electricity grid %}
    • {% active_link /docs/energy/solar-panels/ Solar panels %}
    • @@ -61,7 +61,7 @@
  • - Advanced configuration + {% icon "fa-solid:cogs" %} Advanced configuration
    • {% active_link /docs/configuration/remote/ Remote access %}
    • @@ -80,7 +80,7 @@
  • - {% active_link /docs/authentication/ Authentication %} + {% icon "mdi:account-security" %} {% active_link /docs/authentication/ Authentication %}
    • {% active_link /docs/authentication/providers/ Auth providers %} @@ -95,7 +95,7 @@
  • - Core objects + {% icon "clarity:objects-solid" %} Core objects
    • {% active_link /docs/configuration/events/ Events %}
    • @@ -122,7 +122,7 @@
  • - {% active_link /docs/blueprint/ Blueprints %} + {% icon "carbon:floorplan" %} {% active_link /docs/blueprint/ Blueprints %}
    • {% active_link /docs/blueprint/tutorial/ Tutorial %}
    • {% active_link /docs/blueprint/schema/ Blueprint schema %}
    • @@ -130,26 +130,26 @@
  • - {% active_link /docs/backend/ Backend %} + {% icon "mdi:database" %} {% active_link /docs/backend/ Backend %}
    • {% active_link /docs/backend/database/ Database %}
  • - {% active_link /docs/scripts/ Scripts %} + {% icon "mdi:script-text" %} {% active_link /docs/scripts/ Scripts %}
    • {% active_link /docs/scripts/service-calls/ Service calls %}
    • {% active_link /docs/scripts/conditions/ Conditions %}
  • - {% active_link /docs/scene/ Scenes %} + {% icon "mdi:script-text" %} {% active_link /docs/scene/ Scenes %}
    • {% active_link /docs/scene/editor/ Editor %}
  • - {% active_link /docs/tools/ Tools and helpers %} + {% icon "mdi:palette" %} {% active_link /docs/tools/ Tools and helpers %}
    • {% active_link /docs/tools/dev-tools/ Developer tools %}
    • {% active_link /docs/tools/quick-bar/ Quick bar %}
    • @@ -158,7 +158,7 @@
  • - {% active_link /integrations/mqtt MQTT %} + {% icon "simple-icons:mqtt" %} {% active_link /integrations/mqtt MQTT %}
    • {% active_link /integrations/mqtt/#broker-configuration Broker %}
    • {% active_link /integrations/mqtt/#advanced-broker-configuration Certificate %}
    • @@ -172,7 +172,7 @@
  • - Hardware + {% icon "bitcoin-icons:node-hardware-filled" %} Hardware
    • Home Assistant Green diff --git a/source/_includes/asides/getting_started_navigation.html b/source/_includes/asides/getting_started_navigation.html index 71d35c8db6b..f7b18da8835 100644 --- a/source/_includes/asides/getting_started_navigation.html +++ b/source/_includes/asides/getting_started_navigation.html @@ -1,6 +1,6 @@
      -

      Getting started

      +

      {% icon "mdi:rocket-launch-outline" %} Getting started

      -

      {% active_link /voice_control/ Voice assistants %}

      +

      {% icon "mdi:comment-processing-outline" %} {% active_link /voice_control/ Voice assistants %}

      -

      Projects

      +

      {% icon "mdi:checkbox-marked" %} Projects

      -

      Troubleshooting

      +

      {% icon "mdi:account-help" %} Troubleshooting