Webmail & Paper Lantern Layout

[rezman]

I've noticed with the new Paper Lantern and the webmail logins that the page doesn't really display as good. I've had clients complain about it.. Because the webmail is running within an iFrame (yuck) it's rendering larger than the browser window is currently set to. Users have to scroll down to see the bottom tool bar in RoundCube for example. Below is some CSS that I put together that fixes this.

#wrap { position: relative; }
#content {
        margin: 20px auto auto auto;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        overflow-y: auto;
        }
#content iframe {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        }

/* THE FOLLOWING IS OPTIONAL */
footer { display: none; }

I append this to "/usr/local/cpanel/base/webmail/paper_lantern/_assets/css/master-ltr.cmb.min.css"

Yes this file gets reverted back if Cpanel does something to update the webmail internet or Paper Lantern theme.

 

[cPanelMichael]

Yes this file gets reverted back if Cpanel does something to update the webmail internet or Paper Lantern theme.

Hello

You can find documentation on customizing your own cPanel style for Paper Lantern at:

Paper Lantern - Develop A Style

Thank you.

 

[cPanelAdamF]

A fix for the double scrollbars will be in 11.52. Thanks for reporting this.

 

[Sol123]

We are also having issue a similar issue, with a more acute symptoms due to our 4:3 ratio monitors (as opposed to wide screen monitors).

Our web host recently updated us to the paper lantern theme and it looks great, but it is seriously debilitating our webmail usage. ALL the monitors in our office are 19″ 4:3 ratio monitors with many of them at a resolution of 1024×768 (I know…crazy right! But most of the older folks in our office need the lower resolution for sight reasons).

With paper_lantern and these monitor settings, our webmail views suffer. First of all, the theme is not responsive (or based on the above post, it is in an iframe), so the right side of the screen hangs way outside the “boundary” of the screen (non widescreen/4:3 ratio). To make matters worse, some of our users still need to work with an older browser (for compatibility issues with a particular business partner’s web site/access), and on these browsers they are not even getting a scroll bar! It makes it literally impossible for them to use webmail at all! Even at a resolution of 1280×1024 with new browsers, using webmail with paper lantern is a chore (sucks) due to having to scroll all the time!

Thanks in advance for your attention to this issue.

 

[cPanelAdamF]

Fixes for the double-scrollbar should be present in 11.51.9999.116 (and any build with a larger build-number than that). Please have install EDGE on a non-production server and have a look.

@rezman - a special thanks for your code example.