Skip to content
This repository has been archived by the owner on Jun 26, 2018. It is now read-only.

DP-8645 remove nbsp from decorative links #787

Open
wants to merge 6 commits into
base: dev
Choose a base branch
from

Conversation

clair0917
Copy link
Contributor

Description

Removes the non-breaking space from the decorative links and uses css to space correctly

Related Issue / Ticket

Steps to Test

  1. Visit the Organization elected officials page (/?p=pages-organization-elected-official)
  2. Inspect one of the decorated links
  3. You should see that the nbsp has been removed from the link

Screenshots

screen shot 2018-04-18 at 5 18 20 pm

Additional Notes:

There are a large number of backstop files included, because removing the space and refactoring the css caused some links to break on different words.

@isaacchansky isaacchansky self-requested a review April 19, 2018 14:44
Copy link
Contributor

@isaacchansky isaacchansky left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think the non-breaking-space initially was required to avoid having the arrow icon become an orphan on narrower widths of decorative links. I'll attach a gif to explain what I mean more specifically, I'm not sure there's another way to do this without a non-breaking-space.

@isaacchansky
Copy link
Contributor

decorative-link-line-break

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants