InteractiveMechanics / nmai-nk360-interactives

0 stars 0 forks source link

[0.5] PNW title design not displaying #694

Closed amberreeves closed 6 years ago

amberreeves commented 6 years ago

On the PNW annotators, the small titles at the top are in white and the background is a light blue, there is no dark blue graphic. Please darken the small top title so that it is more legible against the background.

@mtedeschi i don't have a link to an PNW instance, so i couldn't see this in action. but i think what they're getting at is they don't see the dark blue element behind the text in the annotator title, as see in the style guide here.

nk360 pnw np design comparison

mtedeschi commented 6 years ago

Here is what I see on annotator: screen shot 2017-12-18 at 1 15 17 pm

I could add something behind the splash top text for these super long titles.

mtedeschi commented 6 years ago

Same as #699.

amberreeves commented 6 years ago

ok so with those longer titles they are concerned the white text (specifically here the first and last word) hangs over the dark blue background and over the light blue background and it's hard to read. any suggestions or is this just a result of a super long title and we have to live with it?

mtedeschi commented 6 years ago

We could add a darker drop shadow. I'll try something out and see if I can improve legibility.

mtedeschi commented 6 years ago

Okay, added a darker shadow to make it more visible and applied this across all.

amberreeves commented 6 years ago

just received this from the client. so we can't duplicate this issue, where they're not seeing the blue background element?

puzzle-19

mtedeschi commented 6 years ago

That's Northern Plains, not Pacific Northwest. It does not get the blue splash. I will make the text here black instead.

amberreeves commented 6 years ago

The newly added swash helps, but since part of the text is on and half off, it's not all that legible. Would it help to nudge the swash up a bit so that it's completely behind the text?

Move water swash up a bit behind text on mobile

mtedeschi commented 6 years ago

Fixed:

screen shot 2018-01-18 at 3 45 08 pm