Webmail & Paper Lantern Layout

rezman

Well-Known Member
Feb 3, 2011
45
0
56
USA
cPanel Access Level
Root Administrator
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.

Code:
#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

Administrator
Staff member
Apr 11, 2011
47,904
2,237
463

Sol123

Registered
Aug 13, 2015
1
0
1
Whittier
cPanel Access Level
Website Owner
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.