laurent22 / joplin

Joplin - the secure note taking and to-do app with synchronisation capabilities for Windows, macOS, Linux, Android and iOS.
https://joplinapp.org
Other
44.73k stars 4.85k forks source link

Give the panel that contains the editor a dynamic width #10151

Open laurent22 opened 5 months ago

laurent22 commented 5 months ago

With the current app layout, the panel on the right is always the one with a dynamic width. This is fine with the current default layout, but a problem when the user moves the panels and the last one is no longer the editor.

In that case it leads to unexpected behaviour, such as the Outline plugin panel expanding horizontally even though it would be expected to have a fixed width.

To fix this, we should only give the vertical panel that contains the editor a dynamic width. All other panels should have a fixed width.

G0maa commented 4 months ago

The way I understand it, ResizeableLayout.tsx by default makes every last child within LayoutItem take remaining width, yes?

yajo commented 1 month ago

I'm affected. For completeness, here are the screenshots. First, when the window is not maximized: image

Now when I maximize it (I use an ultrawide monitor): image

I agree that the editor panel should always be the flexible one, no matter its position.

yajo commented 1 month ago

Another solution would be to make joplin understand sizes like a % of the full window size, instead of fixed widths. This way, when resizing, it would respect the same ratio and look still comfortable.