gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: search bar hover and arrow select highlights (#37303)

Browse Source
This commit is contained in:
Kristofer Koishigawa
2019-10-15 20:39:02 +09:00
committed by mrugesh
parent d66a4655d1
commit 2d478f977e
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
client/src/components/search/searchBar/searchbar.css
View File

@ -72,7 +72,6 @@
.fcc_suggestion_item:hover { .fcc_suggestion_item:hover {
cursor: pointer; cursor: pointer;
background-color: var(--blue-dark);
} }
.fcc_sr_only { .fcc_sr_only {
@ -95,6 +94,14 @@
background-color: var(--blue-dark); background-color: var(--blue-dark);
} }
/* Override for rule in global.css to prevent
multiple highlighted hits with the mouse
and arrow keys */
.fcc_suggestion_item:focus,
.fcc_suggestion_item:hover {
background-color: transparent;
}
/* Dropdown footer */ /* Dropdown footer */
.fcc_suggestion_footer { .fcc_suggestion_footer {
border-top: 1.5px solid var(--gray-00); border-top: 1.5px solid var(--gray-00);