Add setting to enable/disable "tab hover cards"

[Brave-Matt]

Description

According to #9509, the default "tab hover cards' will revert to the "tooltip" display on-hover. However, the option to display the preview on-hover is still desired by many users (especially those who miss the old tab preview feature from days of old).

We should surface this option from flags to Settings so that users have the choice to display one or the other:

Designs

Add toggle for search tabs button to "Appearance" section, above 'Hide search tabs button'

Assets

Figma: https://www.figma.com/file/tLXWGCpNoiJxDZDdpfordj/?node-id=808%3A9464

[qubetzl]

I've taken a look at the chatter in Chromium's tracker about the recently removed flag for "tab hover cards" - https://bugs.chromium.org/p/chromium/issues/detail?id=1213741

While looking around I stumbled upon the commit that removed the flag and the feature checks about it - https://chromium.googlesource.com/chromium/src/+/e2124a1d261f70ffe0048553b0f4642e0444d6a1

Hope this information is useful for getting the ticket solved.

[alrasch]

There used to be a setting to "disable hover cards", but I can no longer find that setting and I'm permanently stuck with the abomination now.

Can it be overridden in Brave despite Chromium's persistence?

[opal1974]

Yes, this is absolutely distracting and annoying. You used to be able to turn it off in experimental but while the option is still there it does nothing.

[r01k]

These large tooltips are distracting and cover sections of the URL that often give you the same information to help you differentiate tabs when their title is hidden due to being pinned. The net effect is that they feel annoying.

Please implement a setting to disable them and instead have the previous practical, unobtrusive tooltip.

[adamwinn]

We need a way to disable these. They are so annoying

[vphantom]

Is there a way we could perhaps have a bounty to fast track this? I'd gladly contribute $100 towards having an option to disable those horrible things entirely in Brave, since the flag is gone.

[stephendonner]

Verification PASSED using

Brave	1.44.73 Chromium: 105.0.5195.68 (Official Build) beta (x86_64)
Revision	ad13e82529051bac6a0e65f455e6d7a1e5fd7938-refs/branch-heads/5195@{#903}
OS	macOS Version 13.0 (Build 22A5331f)

Steps:

1. installed 1.44.73
2. launched Brave
3. opened abcnews.com
4. opened bbcnews.com
5. opened cbsnews.com
6. hovered over the cbsnews.com tab's title
7. confirmed a card displaying the the title & origin of the tab popped up after a ~ 1-2 second delay
8. opened chrome://settings/appearance
9. confirmed the setting for Tab hover mode was set to Card
10. changed the setting to Card with preview
11. hovered over a tab (not the currently active tab)
12. confirmed a thumbnail and preview of the tab was shown after a ~1-2 second delay
13. changed the setting to Tooltip
14. hovered over a tab
15. confirmed tooltip displaying the site title was displayed

steps 6-7	step 9	step 12	step 15

[MadhaviSeelam]

Verification PASSED using

Brave | 1.44.82 Chromium: 105.0.5195.102 (Official Build) beta (64-bit)
-- | --
Revision | 4c16f5ffcc2da70ee2600d5db77bed423ac03a5a-refs/branch-heads/5195_55@{#4}
OS | Windows 11 Version 21H2 (Build 22000.856)

Steps:

1. installed 1.44.82
2. launched Brave
3. visited nytimes.com
4. visited cnbc.com
5. visitedbloomberg.com
6. opened brave://settings/appearance
7. confirmed 3 options for configuring Tab Hover Mode
Card
Card with preview
Tooltip
8. confirmed the setting for Tab hover mode was set to Card as a default
9. hovered over the nytimes.com tab's title
10. confirmed a card displaying the the title & origin of the tab popped up after a ~ 1-2 second delay
11. opened brave://settings/appearance
12. changed the setting to Card with preview
13. hovered over a tab (not the currently active tab) (cnbc.com)
14. confirmed a thumbnail and preview of the tab was shown after a ~1-2 second delay
15. changed the setting to Tooltip
16. hovered over a tab (bloomberg.com)
17. confirmed tooltip displaying the site title was displayed

steps 6-8	step9-10	step 11-12	step 13-14	step15	step 16-17

[stephendonner]

Verified PASSED using

Brave	1.44.88 Chromium: 105.0.5195.136 (Official Build) beta (64-bit)
Revision	872774b783d0e674186a3adcd2f92e7aa22a219c-refs/branch-heads/5195_124@{#4}
OS	Linux

Steps:

1. installed 1.44.73
2. launched Brave
3. opened abcnews.com
4. opened bbcnews.com
5. opened cbsnews.com
6. hovered over the abcnews.com tab's title
7. confirmed a card displaying the the title & origin of the tab popped up after a ~ 1-2 second delay
8. opened chrome://settings/appearance
9. confirmed the setting for Tab hover mode was set to Card
10. changed the setting to Card with preview
11. hovered over a tab (not the currently active tab)
12. confirmed a thumbnail and preview of the tab was shown after a ~1-2 second delay
13. changed the setting to Tooltip
14. hovered over a tab
15. confirmed tooltip displaying the site title was displayed

steps 6-7	step 9	step 12	step 15