The Community Forums

Interact with an entire community of cPanel & WHM users!
  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Webmail & Paper Lantern Layout

Discussion in 'User Experience' started by rezman, Jul 9, 2015.

  1. rezman

    rezman Well-Known Member

    Joined:
    Feb 3, 2011
    Messages:
    45
    Likes Received:
    0
    Trophy Points:
    6
    Location:
    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.
     
  2. cPanelMichael

    cPanelMichael Forums Analyst
    Staff Member

    Joined:
    Apr 11, 2011
    Messages:
    30,854
    Likes Received:
    675
    Trophy Points:
    113
    cPanel Access Level:
    Root Administrator
    Hello :)

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

    Paper Lantern - Develop A Style

    Thank you.
     
  3. cPanelAdamF

    cPanelAdamF cPanel Product Owner
    Staff Member

    Joined:
    Mar 21, 2013
    Messages:
    174
    Likes Received:
    11
    Trophy Points:
    18
    Location:
    Houston TX
    cPanel Access Level:
    DataCenter Provider
    Twitter:
    A fix for the double scrollbars will be in 11.52. Thanks for reporting this.
     
  4. Sol123

    Sol123 Registered

    Joined:
    Aug 13, 2015
    Messages:
    1
    Likes Received:
    0
    Trophy Points:
    1
    Location:
    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.
     
  5. cPanelAdamF

    cPanelAdamF cPanel Product Owner
    Staff Member

    Joined:
    Mar 21, 2013
    Messages:
    174
    Likes Received:
    11
    Trophy Points:
    18
    Location:
    Houston TX
    cPanel Access Level:
    DataCenter Provider
    Twitter:
    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.
     
Loading...

Share This Page