I'm creating Views of (title+picture) objects, setting up unformatted lists of teasers, like the demo. When the View is the full width of the window (no sidebar), it works great, looks and behaves just like the views on the demo site as the window size varies from large to small.

However, when I have blocks visible in the sidebar region, so that the overall width of the View is smaller and the individual items must be smaller, then when the window size is at full width, there is extra whitespace between rows. Inspecting the HTML of its tag shows that the computed height is too large.

As I slowly reduce the width of the window, there comes a point where the extra space between rows discontinuously goes away, and then from there on down to minimum-width window, the view behaves as desired, with the number of items per row and item size adjusting.

I don't see this use case in the demo site (there are views with sidebar, but not views of rows of teaser pictures with sidebar), but is it intended that the reflowing-of-rows-of-pictures behavior work when a sidebar is present? Am I missing something, or can you suggest where to look further?

thanks,

Robert

Comments

rjlang created an issue.

rjlang’s picture

rjlang CreditAttribution: rjlang as a volunteer commented

After some further investigation, I found a solution, which I'll post here in case anyone else runs into the same issue. The solution is to add CSS to override the height if the post-box appears in the single_left region along with the sidebar, i.e., 

#single_left .post-box {
  height: 158px;
}