Mobile MCE editor popup problem

White Agency
White Agency
@white-agency
9 years ago
204 posts
On a phone the popups are not positioned correctly- see attached image.

Anybody any idea where I can edit this ?

Using a clone of NingJa skin.
updated by @white-agency: 08/14/15 04:04:36AM
White Agency
White Agency
@white-agency
9 years ago
204 posts
Have managed to fix this with the following css :-

.mce-window
{
left: 0 !important;
width: 100% !important;
}
michael
@michael
9 years ago
7,746 posts
You should be able to click+drag that window where you want it by clicking on the title area and dragging it to where you want.

I'll see if I can get it to open a bit more centred for mobile devices.
White Agency
White Agency
@white-agency
9 years ago
204 posts
The css above centers it but the main problem is the Editor Image Upload templates which have been built using tables :( so don't fit into the width available on a phone.

Whilst I've got horizontal scrolling working on it on Android, it doesn't work on iOS. Time permitting I'll see about re-writing the templates to not use tables.
michael
@michael
9 years ago
7,746 posts
Have you tested this on an actual phone? Because a phone should not display the editor at all which means there is no access to embed.

When I looked at it I just squished the browser down to a really narrow width to see what you show in the photo.

--edit--
actually if the issue is just the table, I can get that changed.
updated by @michael: 07/04/15 09:22:03PM
White Agency
White Agency
@white-agency
9 years ago
204 posts
Editor is appearing on iPhone 5/6 and Android 5/4.4.

I've put some more styling in to bring the font size down for mobile so it fits in on a mobile now.

Our skin is based on the NingJa skin from around the beginning of the year.
michael
@michael
9 years ago
7,746 posts
Just changed the table to a dynamic row based system for upimg. Its in the marketplace now 1.1.2. Should do the trick.

Tags