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

Refactor search toggle to use a button and fix it's accessibility

Browse Source
This commit is contained in:
BatJan
2019-10-27 17:12:38 +01:00
committed by emma burstow
parent 6afd77ecb9
commit bfef4c4758
1 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/Umbraco.Web.UI.Client/src/views/logviewer/search.html
View File

@@ -159,11 +159,18 @@
</tbody>
</table>
<div class="btn-group">
<a class="btn btn-info dropdown-toggle" data-toggle="dropdown" ng-href="" ng-click="log.searchDropdownOpen = !log.searchDropdownOpen">
<i class="icon-search"></i> <localize key="general_search">Search</localize>
<span class="caret"></span>
</a>
<div class="btn-group" deep-blur="log.searchDropdownOpen = !log.searchDropdownOpen">
<button
type="button"
class="btn btn-info dropdown-toggle"
data-toggle="dropdown"
aria-haspopup="true"
aria-expanded="{{log.searchDropdownOpen === undefined ? false : log.searchDropdownOpen}}"
ng-click="log.searchDropdownOpen = !log.searchDropdownOpen">
<i class="icon-search" aria-hidden="true"></i>
<localize key="general_search">Search</localize>
<span class="caret" aria-hidden="true"></span>
</button>
<umb-dropdown ng-if="log.searchDropdownOpen" on-close="log.searchDropdownOpen = false">
<umb-dropdown-item>