User dropdown shifted to the left after upgrade to 3.8

[mhjacks]

I’m seeing the same thing:

Here are my plugins:

I’m on CentOS-8 Stream, and installed from packages from the repo

[jeremylenz]

@lumarel is your Katello also rc2?

[lumarel]

Yeah same, this is what confuses me so much, Forklift katello-devel with 3.8-stable + KATELLO-4.10 doesn’t give me the same result.

[lumarel]

Yes you are right, I only just noticed that it’s indeed:

• foreman 3.7.0-1 → 3.8.0-0.1.rc2
• katello 4.9.2-1 → 4.10.0-0.2.rc2

[lumarel]

Tried to figure out where it is coming from but didn’t really see it, it definitely looks like there is a justify-content: flex-start or unset somewhere

[jeremylenz]

fyi: Katello 4.10.0 is now available - #2 by damoore

Let’s see if this issue persists after Foreman 3.8 and Katello 4.10 GA are actually available.

[WerVa]

The same issue with

foreman-3.8.0-1
katello-4.10.0-0.2.rc2

[lumarel]

Yeah waiting for Katello 4.10 to drop and then I will also retry

[jeremylenz]

Is it still not available? I thought it should be out now, per the community demo announcement…

cc @iballou

[lumarel]

This was actually the reason why I started looking again
Looking at the repo content right now it’s not there, and looking at this release team meeting, the PRs are still open.

[iballou]

That was my bad, I thought our RPMs were out and we were just waiting on Foreman to release, so in my head Foreman 3.8 being GA == Katello 4.10 being GA. So yeah @lumarel is right, we’re still waiting on packages for Katello 4.10.

[WerVa]

Today i upgrade to katello-4.10.0-1 foreman-3.8.0-1 and still looking the same

[jeremylenz]

This div should have the pf-m-align-right class, which gives it justify-content: flex-end;. Does it?

[WerVa]

I see that

[lumarel]

After the release announcement now, also did another upgrade!
Here is the result on my side:

Also, manually adding the flex-end in this div doesn’t do much.

[lumarel]

Hah! Found it!

div.pf-c-toolbar__content is missing a width: 100%

[jeremylenz]

cc @MariaAga , any idea where this could be coming from?

[MariaAga]

Yeah, foreman-bootdisk wasn’t released in a long time and was built using old foreman css (which cause the user dropdown to be on the left). it should be fixed by updating foreman-bootdisk
Related pr: Update foreman-bootdisk to 21.1.0 by stejskalleos · Pull Request #9744 · theforeman/foreman-packaging · GitHub

[WerVa]

I try update foremna-bootdisk to 21.1.0 but dropdown still shifted to the left.

[MariaAga]

I opened Fixes #36896 - override plugin toolbar css by MariaAga · Pull Request #9896 · theforeman/foreman · GitHub to hopefully solve it without checking plugins