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

Fix shrink issue in search box

Browse Source 
Summary: See test plan, if there is little space, 'tags' tended to overflow the search box. After this change the searchbox will grow were needed.

Reviewed By: cekkaewnumchai

Differential Revision: D24563826

fbshipit-source-id: 616173db7c080561ff51a76ab0e8938c58f87820
This commit is contained in:
Michel Weststrate
2020-10-30 04:20:00 -07:00
committed by Facebook GitHub Bot
parent d765e0f93e
commit ef7d4ea487
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
desktop/app/src/chrome/plugin-manager/__tests__/__snapshots__/PluginInstaller.node.tsx.snap
View File

@@ -9,7 +9,7 @@ exports[`load PluginInstaller list 1`] = `
class="css-1qqef1i-View-FlexBox-FlexRow-ToolbarContainer e13mj6h80" class="css-1qqef1i-View-FlexBox-FlexRow-ToolbarContainer e13mj6h80"
> >
<div <div
class="css-1dulget-View-FlexBox-SearchBox e271nro1" class="css-bl14sl-View-FlexBox-SearchBox e271nro1"
> >
<input <input
class="css-184o3nx-Input-SearchInput e271nro2" class="css-184o3nx-Input-SearchInput e271nro2"
@@ -304,7 +304,7 @@ exports[`load PluginInstaller list with one plugin installed 1`] = `
class="css-1qqef1i-View-FlexBox-FlexRow-ToolbarContainer e13mj6h80" class="css-1qqef1i-View-FlexBox-FlexRow-ToolbarContainer e13mj6h80"
> >
<div <div
class="css-1dulget-View-FlexBox-SearchBox e271nro1" class="css-bl14sl-View-FlexBox-SearchBox e271nro1"
> >
<input <input
class="css-184o3nx-Input-SearchInput e271nro2" class="css-184o3nx-Input-SearchInput e271nro2"

2
desktop/app/src/ui/components/searchable/Searchable.tsx
View File

@@ -32,7 +32,7 @@ SearchBar.displayName = 'Searchable:SearchBar';
export const SearchBox = styled(FlexBox)<{isInvalidInput?: boolean}>( export const SearchBox = styled(FlexBox)<{isInvalidInput?: boolean}>(
(props) => { (props) => {
return { return {
flex: `1 0 0`, flex: `1 0 auto`,
minWidth: 150, minWidth: 150,
height: 30, height: 30,
backgroundColor: colors.white, backgroundColor: colors.white,