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

Add vertical spacing in multiline mode

Browse Source 
Reviewed By: mweststrate

Differential Revision: D51505906

fbshipit-source-id: 6cbf94173d404077de1f8d7c764d91799e25404c
This commit is contained in:
Andrey Goncharov
2023-11-21 12:48:27 -08:00
committed by Facebook GitHub Bot
parent 202e6b6148
commit 0425dfd4e5
3 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchContainer.tsx
View File

@@ -20,7 +20,7 @@ const containerStyle = css`
border-radius: ${theme.borderRadius}; border-radius: ${theme.borderRadius};
border: 1px solid ${theme.borderColor}; border: 1px solid ${theme.borderColor};
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
padding: 0 ${theme.space.tiny}px; padding: ${theme.space.tiny / 2}px;
&:focus-within, &:focus-within,
&:hover { &:hover {

3
desktop/flipper-plugin/src/ui/PowerSearch/PowerSearchTerm.tsx
View File

@@ -10,6 +10,7 @@
import {CloseOutlined} from '@ant-design/icons'; import {CloseOutlined} from '@ant-design/icons';
import {Button, Space} from 'antd'; import {Button, Space} from 'antd';
import * as React from 'react'; import * as React from 'react';
import {theme} from '../theme';
import {PowerSearchAbsoluteDateTerm} from './PowerSearchAbsoluteDateTerm'; import {PowerSearchAbsoluteDateTerm} from './PowerSearchAbsoluteDateTerm';
import {OperatorConfig} from './PowerSearchConfig'; import {OperatorConfig} from './PowerSearchConfig';
import {PowerSearchEnumSetTerm} from './PowerSearchEnumSetTerm'; import {PowerSearchEnumSetTerm} from './PowerSearchEnumSetTerm';
@@ -168,7 +169,7 @@ export const PowerSearchTerm: React.FC<PowerSearchTermProps> = ({
} }
return ( return (
<Space.Compact block size="small"> <Space.Compact block size="small" style={{margin: theme.space.tiny / 2}}>
<Button tabIndex={-1} style={{pointerEvents: 'none'}}> <Button tabIndex={-1} style={{pointerEvents: 'none'}}>
{searchTerm.field.label} {searchTerm.field.label}
</Button> </Button>

5
desktop/flipper-plugin/src/ui/PowerSearch/index.tsx
View File

@@ -129,11 +129,10 @@ export const PowerSearch: React.FC<PowerSearchProps> = ({
return ( return (
<PowerSearchContainer> <PowerSearchContainer>
<Space size={[theme.space.tiny, 0]} wrap> <Space size={0} wrap>
<SearchOutlined <SearchOutlined
style={{ style={{
marginLeft: theme.space.tiny, margin: theme.space.tiny,
marginRight: theme.space.tiny,
color: theme.textColorSecondary, color: theme.textColorSecondary,
}} }}
/> />