Don't allow line-wrap between the external-link icon and the link text

NEW
Unassigned

Status

--
minor
a year ago
3 months ago

People

(Reporter: sheppy, Unassigned)

Tracking

({in-triage})

Details

Attachments

(1 attachment)

(Reporter)

Description

a year ago
Created attachment 8898487 [details]
Example of wrap between icon and text

Currently, line wrapping when rendering the site allows the line to wrap between the external-link icon and the link's text. This shouldn't happen.

See the attached screenshot for an example taken from https://developer.mozilla.org/en-US/docs/Web/HTTP/Protocol_upgrade_mechanism (it's up to you to adjust your width until it wraps).

Screenshot:

https://screenshots.firefox.com/jew3SKOddjyBUutL/developer.mozilla.org
Severity: normal → minor
Keywords: in-triage
(Reporter)

Comment 1

3 months ago
This looks like the "external" class should be using white-space: pre-wrap instead of white-space: pre-line as it currently does. In my experimentation, that seems to clear it up. Does that seem right?
Flags: needinfo?(schalk.neethling.bugs)
Thanks for reporting Sheppy, I will look into it. Your evaluation does seem like what we want.
Flags: needinfo?(schalk.neethling.bugs)
You need to log in before you can comment on or make changes to this bug.