962905 - Whistle Pig margin text overflows bounding box

Status: RESOLVED FIXED

(Infrastructure & Operations :: Infrastructure: Tools, task)

Description

[Lonnen :lonnen]

The text on whistle pig (<section class="period-data) overflows its bounding box. The jquery plugin sets width:100% on .readmore-js-*, which doesn't account for padding and causes text to overflow by 20 some pixels.

The contents need to be wrapped in an inner div and padding transferred from .period-data to .inner-period-data or whatever the class is set to for the inner div.

Comment 1

[Schalk Neethling [:espressive]]

Where is this Pig running these days? I have not seen it after it was deployed and used with actual data.

Comment 2

[Ed Lim [:limed]]

https://status.mozilla.org/en-US/

Comment 3

[Schalk Neethling [:espressive]]

(In reply to Ed Lim [:limed] from comment #2)
> https://status.mozilla.org/en-US/

Thanks Ed, where does the code for this live now? Still on Github? It seems the repo that was pulled up into mozilla has been removed though.

This is a really quick fix, so, just need to know where the soucre lives.

Comment 4

[Rob Tucker [:rtucker]]

(In reply to Schalk Neethling [:espressive] from comment #3)
> (In reply to Ed Lim [:limed] from comment #2)
> > https://status.mozilla.org/en-US/
> 
> Thanks Ed, where does the code for this live now? Still on Github? It seems
> the repo that was pulled up into mozilla has been removed though.
> 
> This is a really quick fix, so, just need to know where the soucre lives.

https://github.com/rtucker-mozilla/WhistlePig

Comment 5

[Schalk Neethling [:espressive]]

Pull request sent: https://github.com/rtucker-mozilla/WhistlePig/pull/46

Comment 6

[Rob Tucker [:rtucker]]

Looks perfect, thanks again!