github/karma
1
0
Fork 0
mirror of https://github.com/prymitive/karma synced 2026-05-07 03:26:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #82 from prymitive/fix-highlighter

Browse Source 
fix(ui): pass custom elements and classes instead of overriding defau…
This commit is contained in:
Łukasz Mierzwa
2018-08-30 23:50:44 +01:00
committed by GitHub
parent 0f3fd02fb9 9384fdd42b
commit 6e67bcc0ab
2 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/Components/NavBar/FilterInput/index.css
View File

@@ -19,9 +19,3 @@ input.components-filterinput-wrapper {
input.components-filterinput-wrapper:focus {
width: auto;
}
/* highlighted part of the suggestion - phrase in the input that matches it */
mark.highlight {
padding: 0;
background-color: inherit;
}

10
ui/src/Components/NavBar/FilterInput/index.js
View File

@@ -102,7 +102,15 @@ const FilterInput = observer(
};
renderSuggestion = (suggestion, { query, isHighlighted }) => {
return <Highlight search={query}>{suggestion}</Highlight>;
return (
<Highlight
matchElement="span"
matchClass="font-weight-bold"
search={query}
>
{suggestion}
</Highlight>
);
};
renderInputComponent = inputProps => {