search

USGS-VIZLAB / vizlab

Package with utilities for building vizlab pages
Creative Commons Zero v1.0 Universal
25 stars 14 forks source link

css update title wrap + links in footer #359

Closed lindsayplatt closed 6 years ago

lindsayplatt commented 6 years ago

Still noticed some tiny details in how-to-gdp that would be useful for future vizzies.

On mobile, the header words wrapped and disappeared: image

This fixes that:

image

Desktop remains the same: image

Also in the footer, the title "Related Visualizations" looked and acted like a link but didn't link to anything, so changed the template. Same for the title of the related vizzie, but I added the URL to that since it should link.

No noticeable appearance, but underlines on hover only work for the ones with links now. image

aappling-usgs commented 6 years ago

@mwernimont could you take a look and merge when ready? it's short.

mwernimont commented 6 years ago

I would make the title smaller on mobile over making room for it to wrap.

Simple font-size change when it goes to Desktop to make it bigger, as it will look better if no wrapping occurs

lindsayplatt commented 6 years ago

Resized font based on screen size.

Desktop: image

Mobile: image

@mwernimont did I do that right?

mwernimont commented 6 years ago

I like that more than wrapping!