The new sidebar makes UI unusable when using Layout Builder Admin Theme

This is also happening for us, and we are not using the layout_builder_admin_theme.

Here are some screenshots, before and after.

Before:

After:

The user sub-menu is also unclickable, as when hovering over my username, the sub-menu is covered by the sidebar. Changing the sidebar z-index to 101 instead of 103 would fix that.

Shorter title

Does anyone know how to fix this, such as by making the sidebar closable, or by making it push the UI behind it to the left so it can be clicked? It would be nice to have a patch so that I don't have to pin the module to rc5.

I adding padding-right to the body element for the layout builder. This is the same thing Gin does on its edit page in its toolbar.scss.

Please review to see if the changes fix the issues.

This still needs work, as the Gin sidebar on the edit form has a way to hide it, which is important on small screens and mobile. This sidebar cannot be hidden, so it breaks all useability on small screens, since it cannot be hidden.

Still, better than before.

@solideogloria Testing MR91 and yes it appears to solve the overlap issue with the sidebar. However I am also finding that the contextual links for sections have disappeared (repositioned out of the viewport). I narrowed it down to .layout-builder__section {position: relative;} seems to be missing from gin_lb.css in your fork?

Can you tell me what .scss file that would be in? If you look at my changes to files, nothing affected that in an scss file.

Also, is there a way to disable minification of CSS in the yarn build? It's impossible to see what changed in the CSS when it's all minified.