Problem
In the past we've visually differentiated internal links, interwiki links, and external links. We've use only color to differentiate between first two and we use an icon for the external links. When we switch to the new blue recently, we lost the differentiation between internal links and interwiki links [1].
[1] JR: This statement is not true. Interwiki and internal links have always been the same. See gerrit patch that changed the link color.
Design
- Use icons for
- interwiki links (*only for logged in users, otherwise these would be styled as internal links)
- external links (links to other websites)
- Keep color the same at #36c for all three
- Update the external link icon to be more flat and inline with Wikimedia's iconography
Rationale: after trying out various icons for interwiki links, I think it makes the most sense to keep the distinction between the two icons quite subtle (as it was in the past, the two shades of blue were very close together). This way more experienced/pro users will be able to pick up on it, and it won't be distracting for new users
Acceptance criteria
- Links with the extiw class show the new icon
- Update external link icon per attached asset.
Developer notes
- This is meant for MinervaNeue only and not Vector
- This should only be for logged in users
- Interwiki links are marked up with .extiw
QA
- visit https://readers-web-master.wmflabs.org/wiki/Syracuse,_Sicily
- switch to mobile view
- verify that the first link in the External link section (Syracuse (Italy)) uses the new internal-link icon:
and the second link (Coins from ancient Syracuse and Sicily) uses the external-link icon:
- Check RTL and LTR modes are working as expected
Update July 30
The original changes proposed in this task were rolled back due to the treatment of interwiki links. We decided to roll back the changes to the following status:
- External links are differentiated by an icon adjacent to the link
- Internal and interwiki links appear identical
We will keep this task open to track the second part of the task - differentiating between internal and interwiki links