closed livingstoneonline/livingstoneonline#57

Browse by Catalogue: ZIP download access

awisnicki

This looks right except it's too narrow so that text is wrapping when it shouldn't (note how in my mock up above everything fits on three separate lines). See attached screen shot for what I'm seeing now.

Also, the links don't work, but I'm guessing this will be resolved when this is pushed up to prod and links are pointing to prod. screen shot 2016-07-08 at 13 39 32

nigelgbanks

I had to decrease the font size to keep those proportions across all resolutions. The download links will only work on Production, as it's the only server with those files on it.

awisnicki

Unfortunately, this is still problematic for the following reasons:

  1. I was looking for all the lines of text to be centered on the area below the dropdown, but the latter two lines seem left justified (PDF transcriptions (general users) / TEI transcriptions MODS Records). All lines should be continuously centered.
  2. "PDF transcriptions (general users)" is one bit of text but it looks like you've put extra spacing between "PDF transcriptions" and "general users" as if these were two items.
  3. Lines are still breaking in two at some resolutions. See attached screen shots. screen shot 2016-07-11 at 22 13 37 screen shot 2016-07-11 at 22 15 48

Finally, note that on stage, this page has padding at the sides added by Kathy in preparation for adding arrows at the sides. So search boxes look a little wonky at narrower resolutions because of the extra padding. However, once Kathy adds and configures the arrows, full width should be restored at narrow resolutions because the arrows disappear by the time you get to iPad width and the catalogue then goes full width again. I hope that make sense.

awisnicki

Also, one way we could address the issue of the line breaking and having to make the text smaller is to break this up vertically as follows:

Download complete: PDF transcriptions (all users) TEI transcriptions (specialists) MODS Records (specialists)

Perhaps that would be better and help?

nigelgbanks

That helps, I've pushed it up to stage. As you said in the previous comment the padding on the sides does mess with this at lower resolutions (iPhone, etc).

awisnicki

This looks good. Kathy should fix the padding problem. Two questions: 1) Is there only one space after the hyperlinked text? It looks like two. 2) Could not the size on the text be increased slightly? It looks like there's some scope for this even for lower widths (try removing the padding that's still there to see what I mean).

nigelgbanks

1) Is there only one space after the hyperlinked text? It looks like two.

There isn't any space characters but there is a padding of 0.5em approx 5.6 pixels.

2) Could not the size on the text be increased slightly? It looks like there's some scope for this even for lower widths (try removing the padding that's still there to see what I mean).

When the paddings removed I can get it to 0.9em at the lower resolutions. It's now on stage.

awisnicki

For 2), looks good. For 1), please reduce to 0.3em and then feel free to close out this ticket.