Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

@craigspaeth: Link underlines should be compatible with newlines #167

Merged
merged 2 commits into from
Sep 30, 2015
Merged

@craigspaeth: Link underlines should be compatible with newlines #167

merged 2 commits into from
Sep 30, 2015

Conversation

joeyAghion
Copy link
Contributor

The border-bottom trick to underline links looks bad when links wrap:

screen shot 2015-09-30 at 10 28 42 am

Links wrap a lot, especially given the narrow content area. The default behavior looks slightly less bad:

screen shot 2015-09-30 at 10 31 21 am

...but still looks bad. I made the easy change, but I'd rather fix the underline thickness. Is that possible?

@dzucconi
Copy link
Member

You could use a background image linear gradient, which is what force has mostly switched to doing: https://github.com/artsy/force/blob/1f56f84b151adf8cf276169a0387af6937ccc49c/components/stylus_lib/index.styl#L193-L198

(Might need some tweaking)

@craigspaeth
Copy link
Contributor

👍 thanks!

craigspaeth added a commit that referenced this pull request Sep 30, 2015
@craigspaeth: Link underlines should be compatible with newlines
@craigspaeth craigspaeth merged commit d019a7c into artsy:source Sep 30, 2015
@joeyAghion
Copy link
Contributor Author

Thanks @dzucconi. Now looks like:

screen shot 2015-09-30 at 11 29 19 am

This is ahem not obvious, so I anticipate weirdness. However, it seemed OK according to my quick check in Chrome.

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

Successfully merging this pull request may close these issues.

3 participants