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

Fix styles of non-interactive elements

Browse Source 
Summary: Make non-interactive elements non-focusable and disable hover styles for them

Reviewed By: LukeDefeo

Differential Revision: D49455532

fbshipit-source-id: a047e1a149ab4131feef70b80a4995b455441701
This commit is contained in:
Andrey Goncharov
2023-09-20 05:39:33 -07:00
committed by Facebook GitHub Bot
parent f3bff735cc
commit fc5fa4a349
1 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -167,9 +167,13 @@ export const PowerSearchTerm: React.FC<PowerSearchTermProps> = ({
return ( return (
<Space.Compact block size="small"> <Space.Compact block size="small">
<Button>{searchTerm.field.label}</Button> <Button tabIndex={-1} style={{pointerEvents: 'none'}}>
{searchTerm.field.label}
</Button>
{searchTerm.operator.label ? ( {searchTerm.operator.label ? (
<Button>{searchTerm.operator.label}</Button> <Button tabIndex={-1} style={{pointerEvents: 'none'}}>
{searchTerm.operator.label}
</Button>
) : null} ) : null}
{searchValueComponent} {searchValueComponent}
<Button <Button