Nouveau template in TwentyTwenty: group Invite icon overlaps username

[pooja1210]

While creating a group and inviting the user to the group found that the invite icon is overlapping username.

[imath]

Hi @pooja1210

Thanks for your feedback, the problem is more BuddyPress has not enough place to display his layout in TwentyTwenty. We could adapt the template pack to this theme again of course, but I believe we should benefit from the align-wide theme support that introduced the Block Editor to get this space.

[imath]

In ​8182.2.patch I'm adding a new control to the BP Nouveau customizer section to adjust BuddyPress main container's width if the theme is supporting align-wide.

Here's the customizer control:

And here's the result (where the icon is not overlapping anymore):

I believe it's better than force the wide alignment. What do you think ?

[imath]

In 12537:

Add a new customizer setting to adapt BP Layout to wide alignments

The blocks editor introduced the align-wide theme feature. For themes supporting this feature, the BP Nouveau template pack will now use the wide alignment to display its content by default. To manage this space use, BP Nouveau also includes a new customizer setting to edit this alignement into the BP Nouveau > General BP Settings section.

Props pooja1210

Fixes #8182