Image Edit popup is not compatible with latest bootstrap.min.css v3.3.0

[Nagendra77]

I have tried using TinyFileManager.NET plugin in our web application. The Edit Image window look perfect when I remove bootstrap.min.css (v3.3.0) from our web application. But when I include latest bootstrap in the web application the width of the Edit Image window is reduced. Also width of label and text box controls inside the window are reduced. Label text becomes partially visible and it looks like text box control is overlapped with label control.

Can you please suggest any solution to this issue ?

[ravimallya]

Try to use following CSS:

div.mce-fullscreen
{
    z-index: 1030;
}
div.mce-edit-area
{
    border-width: 1px !important;
    border-left-width: 0 !important;
    border-bottom-width: 0 !important;
}
.mce-combobox .mce-btn
{
    width: 44px !important;
    height: auto !important;
}
.mce-combobox .mce-btn button
{
    padding-right: 0;
    padding-left: 0;
}

If the issue not solved, then please post a screenshot.