From d255cd115b494a3ea1e33cc92c1886b46ff82c7e Mon Sep 17 00:00:00 2001 From: Tiffany Prosser Date: Tue, 14 May 2019 13:45:49 +0100 Subject: [PATCH 1/2] fixed sections.less focus states on top menu --- src/Umbraco.Web.UI.Client/src/less/sections.less | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/less/sections.less b/src/Umbraco.Web.UI.Client/src/less/sections.less index 5a1de02617..eecfa57ee8 100644 --- a/src/Umbraco.Web.UI.Client/src/less/sections.less +++ b/src/Umbraco.Web.UI.Client/src/less/sections.less @@ -57,16 +57,17 @@ ul.sections>li.current>a::after { opacity: 1; transform: translateY(0px); } -ul.sections>li.current>a .section__name, -ul.sections>li>a:hover .section__name, -ul.sections>li>a:focus .section__name { - opacity: 1; +ul.sections > li.current > a .section__name, +ul.sections > li > a:hover .section__name { + opacity: 1; -webkit-font-smoothing: subpixel-antialiased; } -ul.sections>li>a:focus .section__name { +ul.sections > li > a:focus .section__name { .tabbing-active & { box-shadow: 0 0 2px @pinkLight, inset 0 0 2px 1px @pinkLight; + border: 1px solid; + border-color: @navbarLinkColorHover; } } From ef15c247c29f28ceb20dd1d19f1a0bcfd7ca7097 Mon Sep 17 00:00:00 2001 From: Tiffany Prosser Date: Tue, 14 May 2019 14:05:09 +0100 Subject: [PATCH 2/2] updated styles on focus state on section menu --- src/Umbraco.Web.UI.Client/src/less/sections.less | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/Umbraco.Web.UI.Client/src/less/sections.less b/src/Umbraco.Web.UI.Client/src/less/sections.less index eecfa57ee8..ef6c5f5046 100644 --- a/src/Umbraco.Web.UI.Client/src/less/sections.less +++ b/src/Umbraco.Web.UI.Client/src/less/sections.less @@ -65,9 +65,9 @@ ul.sections > li > a:hover .section__name { ul.sections > li > a:focus .section__name { .tabbing-active & { - box-shadow: 0 0 2px @pinkLight, inset 0 0 2px 1px @pinkLight; + border: 1px solid; - border-color: @navbarLinkColorHover; + border-color: @gray-9; } }