Image Container line break

[corgan2222]

I use your panel to show the status of running docker containers on a dashboard. Its displayed on a 4K Monitor. Sadly the inner container is set to a maximal width, which makes an unnecessary line break.

This also happens, if I set the panel to max width.

Could you please change this, that the container can use the max width? Thanks

[corgan2222]

The container max width comes from the grafana dark css. There it set to

@media(min-width:1200px) {
 .container {
  max-width:1080px
 }
}

I could fix it with the developer tools in the browser by setting

.div-container {
    .container max-width: 100%;
}

Could you overwrite this in your CSS for this container?

Damm you laptop coders. :)

[Dalvany]

What version of the plugin do you use ? I remember giving you "unofficial" versions to test overlay and underline but in the latest "official" release I made a change to avoid CSS classname clash (it's now main-container) Also, what grafana's version do you use, with 8.1.5 I do not have the same inheritance (it's normal since I change classname...)

I'm not a CSS guru, so I don't really know how, with this bug, you have figured out that I'm indeed coding with a laptop ? 🤔

[Dalvany]

Hum you talked about div-container, not the parent div css class. But with the name change in parent div, is there still the bug ?

[corgan2222]

I'm not sure, but I think I still use your dev version. I will reinstall the release version later and check if this is still the problem.

[corgan2222]

I'm sorry, after removing and simple reinstall the problem is fixed... sometimes in can be that easy. :)