ie-alert icon indicating copy to clipboard operation
ie-alert copied to clipboard

Conflict with Bootstrap (Currently v3.2.0)

Open jizusun opened this issue 10 years ago • 2 comments

The button is distorted, as shown below: (Win7 64bit, IE 8)

conflict_with_boostrap

One CSS rule should be :

.ie-u-c{height:43px; }

not :

.ie-u-c{height:33px;}

jizusun avatar Aug 23 '14 07:08 jizusun

plus that this fixes the issue

danbuntu avatar Apr 23 '15 14:04 danbuntu

This has to do with Bootstrap's * { box-sizing: border-box; } style, where ie-alert's styles assume the default content-box value.

So a more general fix, which works on bootstrap and non-bootstrap sites, would be to add the following to ie-alert.css:

#ie-alert-panel * {
    box-sizing: content-box;
}

Nimdraug avatar Dec 14 '17 03:12 Nimdraug