yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: focus state for search and help icons

Browse Source
This commit is contained in:
Mike Masey
2022-09-17 13:45:33 +01:00
committed by Michael Latouche
parent 6967fadf3d
commit 6f9bf59e04
2 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/Umbraco.Web.UI.Client/src/less/components/application/umb-app-header.less
View File

@@ -75,6 +75,10 @@
align-items: center;
height: @appHeaderHeight;
outline: none;
.umb-icon {
display: block;
}
&:focus {
.tabbing-active & {

14
src/Umbraco.Web.UI.Client/src/views/components/application/umb-app-header.html
View File

@@ -54,10 +54,9 @@
>Open backoffice search</localize
>...
</span>
<umb-icon
icon="icon-search"
class="umb-app-header__action-icon"
></umb-icon>
<span class="umb-app-header__action-icon">
<umb-icon icon="icon-search"></umb-icon>
</span>
</button>
</li>
<li data-element="global-help" class="umb-app-header__action">
@@ -75,10 +74,9 @@
>Open/Close backoffice help</localize
>...
</span>
<umb-icon
icon="icon-help-alt"
class="umb-app-header__action-icon"
></umb-icon>
<span class="umb-app-header__action-icon">
<umb-icon icon="icon-help-alt"></umb-icon>
</span>
</button>
</li>
<li data-element="global-user" class="umb-app-header__action">