Different order in center after Upgrade to 2.32

[falter]

just to let you know, I got it, now I copied the old main.css over the recent one and it’s working as before.
Diff says:

242,254d241
< 
< /**
<  * Container Definitions.
<  */
< 
< .region .container {
<   display: flex;
<   flex-direction: column;
< }
< 
< .region .container.hidden {
<   display: none;
< }

so, this is a bug then?

[sdetweil]

@falter not you

if you look in main.css

container is defined

it was not in prior release
so i think it defaulted to

display:block;

now its defined as

display:flex;
flex-direction:column;

[sdetweil]

@falter not a bug, side effect

will examine later

[falter]

is there anything I could put in custom.css for future updates?
This does not work:

.region .container {
   display: block;
 }

[sdetweil]

@falter I dont know yet. Haven’t had a chance to debug

[sdetweil]

@falter in my 2.31 I wanted rows in top left
so I did this in custom.css

.region.bar.top.left {
    display: inline-flex !important;
    flex-direction: row;
}

it still works in 2.32

but this gives A row.

I think you need display: grid;

I think this will do it, this gives evenly spaced 3x2 grid
for the top center position only

.region.top.center .container {
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(2,1fr);
        gap:10px;
}

using the top left (my modules) using the developers window you can see the space of the grid

[falter]

@sdetweil said in Different order in center after Upgrade to 2.32:

.region.top.center .container {
display: grid;
grid-template-columns: repeat(3,1fr);
grid-template-rows: repeat(2,1fr);
gap:10px;
}

Thanks for the effort, unfortunatly this does not change anything visible.
The Video-Module uses this css, if that helps. I just added the fist width (else the video is too big for 2 coloumns, and changed the second one, so I have a little gap between them:

.MMM-RTSPtoWeb {
  width: 38%;
  display: inline-block;
}

.region .rtw-video {
  width: 98%;
  display: block;
}

.rtw-error {}

If I leave the css of the module untouched and put the above in custom.css, is does not apply. But that’s another story; as I said don’t know css, or better, understand…

[sdetweil]

@falter I can’t help more, can’t use module here, no cameras.

[falter]

@sdetweil thanks anyway, at least I found out about the change in main.css, so I can keep using the recent version, which was most important. I just have to apply this change after future updates, which I can live with.

[falter]

ahh, and not that I expect the effort, just for completeness: one could test the module without a camera, you just need a RTSPtoWeb stream…