From 1f2b293c594775cc6afe3844bb93565a7aaf1f84 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Mon, 10 Feb 2020 09:19:25 +0100
Subject: [PATCH] focus styling

---
 .../src/less/components/editor/umb-variant-switcher.less    | 6 +++---
 .../views/components/editor/umb-editor-content-header.html  | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/editor/umb-variant-switcher.less b/src/Umbraco.Web.UI.Client/src/less/components/editor/umb-variant-switcher.less
index 87385caa87..8dbc070856 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/editor/umb-variant-switcher.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/editor/umb-variant-switcher.less
@@ -199,8 +199,8 @@ button.umb-variant-switcher__toggle {
 	cursor: default;
 }
 
-.umb-variant-switcher__item:focus,
-.umb-variant-switcher__item:focus-within,
+.umb-variant-switcher__item:focus .umb-variant-switcher__split-view,
+.umb-variant-switcher__item:focus-within .umb-variant-switcher__split-view,
 .umb-variant-switcher__item:hover .umb-variant-switcher__split-view,
 .umb-variant-switcher__split-view:focus {
 	display: block;
@@ -233,7 +233,7 @@ button.umb-variant-switcher__toggle {
 .umb-variant-switcher__name-wrapper {
     font-size: 14px;
     text-align: left;
-	flex: 1;
+    flex: 1;
 	cursor: pointer;
     background-color: transparent;
     border: none;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
index b65d4db7ba..58f9340121 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/editor/umb-editor-content-header.html
@@ -63,7 +63,7 @@
                                 <span class="umb-variant-switcher__name" ng-bind="getVariantDisplayName(entry.variant)"></span>
                                 <umb-variant-state variant="entry.variant" class="umb-variant-switcher__state"></umb-variant-state>
                             </button>
-                            <div ng-if="splitViewOpen !== true && !entry.variant.active" class="umb-variant-switcher__split-view" ng-click="openInSplitView($event, entry.variant)">Open in split view</div>
+                            <div ng-if="splitViewOpen !== true && !entry.variant.active" class="umb-variant-switcher__split-view umb-outline" ng-click="openInSplitView($event, entry.variant)">Open in split view</div>
                         </umb-dropdown-item>
                         <div
                             ng-repeat-end
@@ -79,7 +79,7 @@
                                     <span class="umb-variant-switcher__name" ng-bind="subVariant.segment"></span>
                                     <umb-variant-state variant="subVariant" class="umb-variant-switcher__state"></umb-variant-state>
                                 </button>
-                                <div ng-if="splitViewOpen !== true && !subVariant.active" class="umb-variant-switcher__split-view" ng-click="openInSplitView($event, subVariant)">Open in split view</div>
+                                <div ng-if="splitViewOpen !== true && !subVariant.active" class="umb-variant-switcher__split-view umb-outline" ng-click="openInSplitView($event, subVariant)">Open in split view</div>
                             </umb-dropdown-item>
                         </div>
                     </umb-dropdown>