cPanel CSS bugs in new versions

[Andrij]

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]

Hello Andrij,

What is your cPanel & WHM version number?
What is your screen resolution?

 

[Andrij]

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%;
}

 

[Infopro]

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.

 

[Andrij]

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

 

[Infopro]

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:

3840x2160

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:

 

[cPanelAdamF]

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...

 

[Andrij]

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:
View attachment 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.

 

[Infopro]

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?

 

[Andrij]

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

Sorry! I didn't got your point!