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

Added color options for highlighting search terms

Browse Source 
Summary:
This diff builds on the previous ones by enabling other colors to be used as highlights for the search terms. Current color options are: yellow(default), red, blue, green. Possible extensions to this feature could include allow the user to enter a custom hex-color string and use that as the highlight color.

Changelog: DataTable will now have option to have its search terms highlighted in the search results by toggling and customizing the highlight colors in the menu bar

Reviewed By: mweststrate

Differential Revision: D37383163

fbshipit-source-id: c81e383c0570ef5efbf3171b92b81a8fb2e55ea7
This commit is contained in:
Feiyu Wong
2022-06-29 10:36:52 -07:00
committed by Facebook GitHub Bot
parent 2f39ede6f7
commit f46cf2b0ce
10 changed files with 106 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
desktop/flipper-ui-core/src/chrome/__tests__/flipper_messages.node.tsx
View File

@@ -129,7 +129,7 @@ test('It can render rows', async () => {
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
style="background-color: rgb(255, 245, 102);"
/>
00:00:00.000
</span>
@@ -140,7 +140,7 @@ test('It can render rows', async () => {
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
style="background-color: rgb(255, 245, 102);"
/>
Android Phone
</span>
@@ -151,7 +151,7 @@ test('It can render rows', async () => {
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
style="background-color: rgb(255, 245, 102);"
/>
FB4A
</span>
@@ -162,7 +162,7 @@ test('It can render rows', async () => {
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
style="background-color: rgb(255, 245, 102);"
/>
unique-string
</span>
@@ -173,7 +173,7 @@ test('It can render rows', async () => {
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
style="background-color: rgb(255, 245, 102);"
/>
</span>
</div>
@@ -183,7 +183,7 @@ test('It can render rows', async () => {
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
style="background-color: rgb(255, 245, 102);"
/>
</span>
</div>
@@ -193,7 +193,7 @@ test('It can render rows', async () => {
>
<span>
<span
class="css-1cfwmd7-Highlighted eiud9hg0"
style="background-color: rgb(255, 245, 102);"
/>
toClient:send
</span>