FEATURE: Make RightSideBar inspector resizable

[c4ll-m3-j4ck]

This uses some small html hacks to make RightSideBar resizable in a comparable way to LeftSideBar.

What I did
I added the resize-attribute to RightSideBar and moved the resize-handle to the left edge of the sidebar.

How I did it
Updated Neos.Neos.Ui/packages/neos-ui/src/Containers/RightSideBar/style.module.css

How to verify it

[Sebobo]

We could target this for 8.4 if you like?

[c4ll-m3-j4ck]

Sure, why not, I’d still need this for 9.0 as well though, but if we could upmerge afterwards, I’m totally fine with that!

[mhsdesign]

Yeah we do frequent upmerges so dont worry ;) Also by merging it in 8.4 more people are able to test this ^^

[c4ll-m3-j4ck]

@Sebobo I've changed the target branch, is there a planned timeframe for the next release?

[mhsdesign]

Hi as we are "down targeting" a pr the actual changes of you have to be cherry-picked on a fresh 8.4 as otherwise 8.4 will become a full 9.0 after the merge

[mhsdesign]

So i did the git cherrypick magic to target 8.4 ;) When testing i noticed that it doesnt work on safari, but so does the left side bar see bug: #3556 (there is even a possible fix for this ...)

On a chromium based browser the resizing does work though as expected:

Bildschirmaufnahme.2024-08-03.um.13.11.52.mov

But i noticed a small pixel shift, the discard and apply buttons appear to take up more space and the box seems wider and a little off:

before:

after:

[c4ll-m3-j4ck]

Hey @mhsdesign
Thank you for the in-depth review, I'll take a look at whats causing these issues! If there is a fix for the safari issue, maybe I can fix that for the left sidebar as well!

[Sebobo]

For me in Chrome the action bar is a few pixels wider with this change due to the direction properties: