Add New Document modal is off-canvas

why couldn’t I just add it to the mdocs admin css. That would override an issue I believe.

Yes, adding it to your mdocs admin CSS would solve this issue.

Here’s a screenshot of the left and bottom positioning declarations in your CSS turned off in Firebug.

https://www.dropbox.com/s/t7hj3e32u01zzfp/Screen%20Shot%202015-09-21%20at%201.18.23%20PM.png?dl=0

looks almost okay, the size is wrong and the page looks to be cut off.

Here is a screen shot of what is it suppose to look like.

https://drive.google.com/file/d/0B8gOzoqNqzy2WUtrNG1ZaWUxNlk/view?usp=sharing

This doesn’t help me. I have no way to over-ride the CSS from:

/wp-content/mu-plugins/wpengine-common/css/wpe-common.css

You will need to create an exception in your plugin so that the conflicting bootstrap CSS classes do not conflict.

hmmm okay, I will think about this one and get back to you.

try these lines. Add them to the mdocs-style.css file:

.mdocs-modal { width: 100% !important; left: 0 !important; bottom: 0 !important; right: 0 !important; top: 0 !important; margin: 0 !important; background: none !important;}
.mdocs-modal .modal-body { max-height: inherit !important; }

I downloaded a version of wpe-common.css and loaded it into my theme, then added this css to mDocs.

The add document dropdown looked good after.

Let me know the results.

Yes, adding those two lines of CSS to the bottom of mdocs-style.css fixes this issue.

Note: this bootstrap conflict is only happening in our Staging and production environments due to the CSS being loaded 9and required) at our hosting provider:

/wp-content/mu-plugins/wpengine-common/css/wpe-common.css

Please update your plugin and I’ll do some further testing in Staging before I update on Production.

Note: the updates to Memphis Docs work flawlessly in my local dev, which does not load the wpe-common.css file.

The 2 lines have been added to version 3.0.6 which I released yesterday, good to hear that it seems to have solved that problem.

Let me know if there is any other issues.

Hi.
I just downloaded the latest version and have the same problem.
The pop-up is very big and off the screen, and also, clicking on the links in the admin area of the library does not do anything.

Please try and disable plugins until the problem goes away, then tell me the plugin that is conflicting.

If a plugin is not causing the issue you may have a custom css file that is causing conflicts.

We’ve finally pushed this to Production and all is well. Here’s the custom CS we had to add so there’s less Boostrap CSS conflicts:

.mdocs .row {
	margin-left: inherit;
	margin-right: inherit;
}

.mdocs .container {
	width: inherit;
}

#page .row {
	margin: auto;
}

thanks Cameron,

Would you like me to add these lines to Memphis Documents library, or are you fine keeping them in your stylesheet?

Cheers

We’ll keep them in our stylesheet. Other plugins and themes are using Bootstrap, so adding them to your plugin CSS might cause other issues.

This is why we asked you for the .mdocs class somewhere in the beginning of the document HTML (body, head, etc) so that we can key off it for pages that load Memphis Documents bootstrap CSS, and over-ride it.

Sounds good Cameron. Thanks for all your testing helped me out a great deal ??

Hello,
I disabled all the plugins, and the problem is still there.
I can’t click on any of the buttons/links except the “Add new document” which opens the page off centered and huge, so I can’t even see what is being displayed.