jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Use monospace font for regex in searchable

Browse Source 
Summary:
Seemed a bit weird typing a regex without monospace.
Still would be good to have syntax highlighting. I tried using prismjs, but it seems to not work by default on Input elements.

Reviewed By: danielbuechele

Differential Revision: D15918742

fbshipit-source-id: b44c228b30f37f97811d09c80b191b52282720f8
This commit is contained in:
John Knox
2019-06-20 05:02:02 -07:00
committed by Facebook Github Bot
parent c22bdbe205
commit 5200f4f528
1 changed files with 2 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/ui/components/searchable/Searchable.js
View File

@@ -37,6 +37,7 @@ export const SearchBox = styled(FlexBox)({
export const SearchInput = styled(Input)(props => ({ export const SearchInput = styled(Input)(props => ({
border: props.focus ? '1px solid black' : 0, border: props.focus ? '1px solid black' : 0,
...(props.regex ? {fontFamily: 'monospace'} : {}),
padding: 0, padding: 0,
fontSize: '1em', fontSize: '1em',
flexGrow: 1, flexGrow: 1,
@@ -437,6 +438,7 @@ const Searchable = (
? this.state.compiledRegex !== null ? this.state.compiledRegex !== null
: true : true
} }
regex={this.state.regexEnabled && this.state.searchTerm}
/> />
</SearchBox> </SearchBox>
{this.props.regexSupported ? ( {this.props.regexSupported ? (