If a spotlight slide has a title without a description, it can sometimes wrap to a second line:

This is because .panopoly-spotlight-label has a width of 75% of its parent, .panopoly-spotlight-wrapper, which doesn't have any width set. :-)

I think it should just be a matter of setting that to width: 100%.

It looks like this problem was introduced in #2163985: Too narrow Spotlight headline area.

Comments

dsnopek’s picture

Status: Active » Needs review
StatusFileSize
new1.52 KB

This turned out to be a little more convoluted than I had hoped. Just doing:

.panopoly-spotlight-wrapper {
  width: 100%;
}

... didn't work, because it could make the label wider than the image, and really, we want the label to fit to the text content in it.

So, here is a patch with a solution that works for me, but since it's not terribly straight forward, I'd like to get some additional testing on it!

@lsolesen: Since this changes the fix for your site in #2163985: Too narrow Spotlight headline area, can you try this patch and see if it breaks your site? Thanks!

cboyden’s picture

I've tested this on a child distribution and it's working as expected.

lsolesen’s picture

@dsnopek - the first slide on vies.dk shows how it looks with the patch.

dsnopek’s picture

Issue summary: View changes
Status: Needs review » Needs work
StatusFileSize
new374.9 KB

Hrm. So, it doesn't quite work as it should on vies.dk. Here's the screenshot:

I'll try and come up with something else...

dsnopek’s picture

Status: Needs work » Needs review
StatusFileSize
new1.68 KB

Wow, who would have thought this would be so hard?! The fun of browser sizing. :-)

Previous iterations worked by shrinking the label box if it got to be greater than 85% of the width. This patch instead attempts to grow the description box by 50px if it's smaller than the label (by adding a right margin to the label).

Let's see if this one works for everyone!

cboyden’s picture

This patch works nicely on our child distro.

lsolesen’s picture

Status: Needs review » Reviewed & tested by the community
StatusFileSize
new440.41 KB

This seems to work on vies.dk (actually I think better than even before applying this patch.

  • dsnopek committed 876cf2d on 7.x-1.x
    Update Panopoly Widgets for Issue #2499289 by dsnopek, lsolesen, cboyden...
dsnopek’s picture

Status: Reviewed & tested by the community » Fixed

Awesome! Thanks, @cboyden and @lsolesen. :-)

Committed!

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.