Description
The aim of this task is to explore Wikipedia preview link style that encourages interaction with it without disrupting the reading flow.
Design
 |
We will replace existing blue rectangle & info. icon with a dashed underline. We hope dashed underline is going to highlight Wikipedia preview in a way that signals interactivity without making users think they'll be taken to a new page.
Specifications
- Type of underline: Dashed
- Stroke thickness: 2px
- Color: The color of the dashed underline should match the color of the text it is underlining. Specifically, if a website has customized their text color (i.e., the color of the text is different from the default color), the underline should adapt to use this customized color value. This will help ensure that the underline is always visible and matches the style of the website.
- Preview Word: The preview word should be bolded to further emphasize its interactivity.
- Hover, Tap, and Click Behavior: The rest of the behavior can stay the same as the current implementation.
Along with these changes we will also update following mockups on plugin page.
 |
 |
 |