From 0990599c630e2b372b7c3f7ed11ad47bea05d0de Mon Sep 17 00:00:00 2001
From: Bjarne Fyrstenborg <bjarne_fyrstenborg@hotmail.com>
Date: Mon, 31 May 2021 18:12:06 +0200
Subject: [PATCH] Support custom SVG icon in content app

---
 .../views/components/editor/umb-editor-navigation-item.html    | 2 +-
 .../src/views/components/editor/umb-editor-navigation.html     | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation-item.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation-item.html
index 0fc84c7fb8..9dd90b6b57 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation-item.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation-item.html
@@ -8,7 +8,7 @@
         class="umb-sub-views-nav-item__action umb-outline umb-outline--thin"
         aria-haspopup="{{ vm.item.anchors && vm.item.anchors.length > 1 }}"
         aria-expanded="{{ vm.expanded }}">
-    <i class="icon {{ vm.item.icon }}" aria-hidden="true"></i>
+    <umb-icon icon="{{vm.item.icon}}" class="icon {{vm.item.icon}}"></umb-icon>
     <span class="umb-sub-views-nav-item-text">{{ vm.item.name }}</span>
     <div ng-show="vm.item.badge" class="badge -type-{{vm.item.badge.type}}">{{vm.item.badge.count}}</div>
     <div ng-show="!vm.item.badge" class="badge -type-alert --error-badge">!</div>
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
index 08858b058b..be196fb31f 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-navigation.html
@@ -23,8 +23,7 @@
                 text="{{moreButton.name}}"
                 show-text="true"
                 mode="tab"
-                css-class="umb-sub-views-nav-item__action umb-outline umb-outline--thin {{moreButton.active ? 'is-active' : ''}}"
-                >
+                css-class="umb-sub-views-nav-item__action umb-outline umb-outline--thin {{moreButton.active ? 'is-active' : ''}}">
             </umb-button-ellipsis>
 
             <umb-dropdown ng-show="showDropdown" on-close="hideDropdown()" class="umb-sub-views-nav-item-more__dropdown">