search

PhilippSoehnlein / star-trek-roman-timeline.de

A website presenting an overview of german Star Trek novels.
1 stars 1 forks source link

Layout problems in timeline #38

Closed PhilippSoehnlein closed 9 years ago

PhilippSoehnlein commented 9 years ago

For small viewports there can be situations where the float layout breaks:

  1. The farer you go down the timeline the nearer the dots for each book box will come: screenshot This happens because of different heights of the book boxes, because the book covers aren't all the same height on each side of the timeline. This may also happen on smaller screens and different title lengths of the books, when the book title wrap into more than 2 lines on one side, but not on the other.
  2. The same problem can lead to wrong floats when the book on the left side needs much more height than the one on the right side. Here's a screenshot of the problem. It get's even worse when the filter kicks in (it looks like Isotope tries to add a ``clear: left`` to the left side books).
PhilippSoehnlein commented 9 years ago

Looks better now, but leads to #39.

Screenshot of fixed version (point 1).

Screenshot of fixed version (point 2).