Rooba
/
nightTab
mirror of https://github.com/zombieFox/nightTab.git
1
1
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improve search clear focus state

This commit is contained in:
zombieFox 2021-08-21 21:48:10 +01:00
parent bb6c15a9a2
commit a7a3608a9a
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/component/search/index.css
View File

@ -43,10 +43,17 @@ input[type="search"]:disabled {
}
.is-search .search-clear {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
opacity: 1;
pointer-events: all;
}
.is-search .search-clear:after {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.is-search .search-input {
padding-right: 4em;
}

2
src/component/search/index.js
View File

@ -42,7 +42,7 @@ export const Search = function() {
text: 'Clear search',
srOnly: true,
iconName: 'cross',
style: ['link'],
style: ['link', 'line'],
title: 'Clear search',
classList: ['search-clear'],
func: () => {