cPanel CSS bugs in new versions

Andrij

• November 15, 2016 08:06

Hi there! I have issue with cpanel paper_lantern theme in last cpanel version. The problem is it not goes full width, and icons showing in 3 columns instead of 4. Im able to fix this with modifiyng cPanel css files, but after upgrade it becomes like this again

• 

  cPanelKenneth

  • November 15, 2016 13:49

  Hello Andrij, What is your cPanel & WHM version number? What is your screen resolution?

  0
• 

  Andrij

  • November 15, 2016 15:43

  Hello Andrij, What is your cPanel & WHM version number? What is your screen resolution?

  
  Hello! I have 4k resolution - 3840x2160 WHM 60.0 (build 22) I`m able to fix it by adding width:100% to .widget-collapsible .widget-collapsible { max-height: 75000px; padding: 0; width: 100%; }

  0
• 

  Infopro

  • November 15, 2016 16:01

  I have 4k resolution - 3840x2160

  
  That screenshot wasn't grabbed at full screen though, was it? I can duplicate this on this end by resizing the browser window a little bit.

  0
• 

  Andrij

  • November 15, 2016 16:04

  That was cutted screen. this is new one - full screen! I can fix it by modifiyng /usr/local/cpanel/base/frontend/paper_lantern/home/dashboard.css #151 But it always overwrited on update. This started after upgrade WHM 58 to 60

  0
• 

  Infopro

  • November 15, 2016 17:25

  You shouldn't need to edit anything for this. You also shouldn't edit the default style or it will be overwritten on every update. I don't believe that screenshot is using:

  x2160

  
  Also it seems you've got an added section that's not default with Paper Lantern. I wonder if thats causing some sort of issue. Same style, same resolution, same cPanel version as you, on this end I see this: 42902

  0
• 

  cPanelAdamF

  • November 16, 2016 22:50

  When we designed the main index, we had concerns about the flow as well. What we found was that (forgive the Dune movie reference) the icons WILL flow...if they don't at your preferred browser width, they will at others. We can make adjustments to fit your browser width, but someone else will ALWAYS experience the problem regardless. Without JS there (or very modern CSS3 which not all browsers support) to redraw and adapt to all browser widths, it's not really a winnable battle and could even slow down the rendering of the page. If it bugs you enough, the approaches everyone is offering will do the trick...just know that the *dramatic music* the icons will flow...

  0
• 

  Andrij

  • November 17, 2016 00:14

  You shouldn't need to edit anything for this. You also shouldn't edit the default style or it will be overwritten on every update. I don't believe that screenshot is using: Also it seems you've got an added section that's not default with Paper Lantern. I wonder if that's causing some sort of issue. Same style, same resolution, same cPanel version as you, on this end I see this: 42902

  
  You shouldn't need to edit anything for this.
  That's why I`m trying to sort out this issue here! Also it seems you've got an added section that's not default with Paper Lantern. I wonder if thats causing some sort of issue.
  This is added by WHMCS addon, all worked fine with it before. I also have installatron installed. I guess we are using different scaling in system scaling settings - I use 250% system scaling.

  0
• 

  Infopro

  • November 17, 2016 04:57

  I guess we are using different scaling in system scaling settings - I use 250% system scaling.

  
  I think you've exposed the issue here then, don't you?

  0
• 

  Andrij

  • November 18, 2016 02:04

  I think you've exposed the issue here then, don't you?

  
  Sorry! I didn't got your point!

  0

Please sign in to leave a comment.