search

denverfoundation / storybase

The code behind Floodlight
http://floodlightproject.org
MIT License
11 stars 7 forks source link

Title text on story detail page is large, pushed rest of content down when viewed on mobile (phone-sized device) #920

Closed jwirfs-brock closed 10 years ago

jwirfs-brock commented 10 years ago

So far, I've looked at this on the iPhone 5 emulator in Chrome and on my Android phone (Galaxy Nexus with Android 4.2.2), and have observed the same problem. (I have yet to test it on tablet-sized screens.)

The title is sized so that it takes up the width of the screen, which looks very nice. But the text is so large that it pushes the rest of the content completely below the fold.

Here's a screen shot of the "Boy Meets World" story detail page (from the iPhone emulator) with the screen in both the horizontal and vertical orientations:

screen shot 2014-01-23 at 10 42 21 am

screen shot 2014-01-23 at 10 42 32 am

@ghing Is it possible to make the title text a bit smaller? Is that something we can do based on screen size?

jwirfs-brock commented 10 years ago

And here's what an "ideal" story (short title, short summary) looks like in both the horizontal and vertical orientations (vertical is good): screen shot 2014-01-23 at 11 15 30 am screen shot 2014-01-23 at 11 15 21 am

ghing commented 10 years ago

Yeah. This is ugly. I'm going to start with a smaller line-height and get rid of the background line on narrow displays.

ghing commented 10 years ago

Also bumped down font size to 24px on narrowest displays.

jwirfs-brock commented 10 years ago

This looks much better! Closing.