From 21ea8e3b8be7a3bd2e4d6f2757509a9d8e42313e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Mon, 10 Feb 2020 08:57:54 +0100
Subject: [PATCH] show split-view on focus

---
 .../src/less/components/editor/umb-variant-switcher.less   | 7 +++++--
 1 file changed, 5 insertions(+), 2 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 79f2521f3e..87385caa87 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,7 +199,10 @@ button.umb-variant-switcher__toggle {
 	cursor: default;
 }
 
-.umb-variant-switcher__item:hover .umb-variant-switcher__split-view {
+.umb-variant-switcher__item:focus,
+.umb-variant-switcher__item:focus-within,
+.umb-variant-switcher__item:hover .umb-variant-switcher__split-view,
+.umb-variant-switcher__split-view:focus {
 	display: block;
 	cursor: pointer;
 }
@@ -261,7 +264,7 @@ button.umb-variant-switcher__toggle {
 .umb-variant-switcher__split-view {
     font-size: 12px;
     display: none;
-    padding: 18px 20px;
+    padding: 20px 20px;
     position: absolute;
     right: 0;
     top: 0;