Hi,

I noticed that the chat boxes are malformed in my Bootstrap-based sites.

The following line added to my CSS fixes it:

#drupalchat *,*:before,*:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

I thought someone might find it helpful.

Also, could you please consider adding it to the CSS that comes with the module? That is a feature request, right?

Thanks.

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

duckydan’s picture

Category: Bug report » Feature request
Issue summary: View changes
duckydan’s picture

Should be:

#drupalchat *,#drupalchat *:before,#drupalchat *:after{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

My selectors were wrong.

samwilson’s picture

Thanks for figuring this out! We're very grateful.

Does the box-sizing need to be set on all child elements?

Here's a patch that adds it to #drupalchat-wrapper only. It works everywhere I'm able to test it (which isn't more than FF, IE, and Chrome on Windows).

See what you think.

Thanks,
Sam.

SocialNicheGuru’s picture

Status: Active » Needs review
darklrd’s picture

Has anyone tried out this patch? Thanks!

duckydan’s picture

The screen shots show that with the patch, it is better, but jumbles up.

The screen shot that looks nicer is just the CSS change done through css_injector

samozin’s picture

this batch is not working with me even with css_injector module
iam using bootstrap 3.2.x

ql28’s picture

Same for me, it's not working with Bootstrap v3.3.2

Media Crumb’s picture

fit is fairly easy. Just override in your CSS.

#drupalchat-wrapper *,
#drupalchat-wrapper *:before,
#drupalchat-wrapper *:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

  • darklrd committed 7d2f578 on 7.x-1.x
    Issue #2292783 by samwilson, duckydan, Media Crumb: Issue in Bootstrap...
darklrd’s picture

darklrd’s picture

Status: Needs review » Fixed

Status: Fixed » Closed (fixed)

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