Feature: split mode width divider(s)

jkischel commented 2 years ago

Preflight Checklist

[X] I have read the Contributing Guidelines for this project.
[X] I agree to follow the Code of Conduct that this project adheres to.
[X] I have searched the issue tracker for a feature request that matches the one I want to file, without success.

Problem Description

Currently, the width of services columns in split mode is static. This might be good on big screens, but could some services to cause to unintendedly change the display mode (e.g. from typical desktop view to typical mobile view, so some contents is hidden or menus are collapsed), even if in the other service colum(s) is even unused white space.

Proposed Solution

Making a grabbable resizer in the split mode would solve this problem. If more space is needed, the user could just drag the column bigger to the desired size.

Alternatives Considered

Currently, the columns have a static percentual width which technically works. But my suggestion would improve usability.

Additional Information

No response

Lenglemetz commented 1 year ago

Hi, I think it would be useful to add a 2x2 feature. This would allow to use four services at the same time, which would be very practical for some tasks.

Supermarcel10 commented 11 months ago

I believe it would be pretty neat to have a similar implementation as to how Vivaldi Browser has implemented it. Essentially a button that allows the user to easily change between splitting modes and unsplit. This feature allows to tile horizontally, vertically, and in a gridlike pattern (like a 2x2) like @Lenglemetz mentioned.

In addition to this, the dividers are movable in all split options, so the user can customise how much each segment takes up, which resolves the original suggestion.

To tile pages, a user can shift + click to select multiple tabs next to eachother, or alternatively control + click to select specific ones. Then the user right clicks on either tab and select "Tile {int} Tabs". This could be similarly implemented where users could shift/control click multiple services to select them, and then add an additional right-click dropdown option "Tile Services".

The current active tiled tabs is shown with an outline of the selected main color in settings. The gap between tiled tabs can also be configured to preference.

From my experience and experimenting with browsers, I've stuck with Vivaldi simply because of the great implementation they have of the tiling feature, increasing productivity and work efficiency - especially on larger resolution monitors.

It would be great to see something similar like this implemented in Ferdium - so that we as users can tile multiple services such as Discord, Teams & Jira for a more development focused layout where we can access/see all of them at once. The current split system essentially just splits everything accross, and it's not very accessible or custimisable to one's needs.

niutech commented 8 months ago

We can use one of the React split pane libraries:

https://github.com/uiwjs/react-split (4.3KB minified)
https://github.com/yyllff/split-pane-react (5.9KB minified)
https://github.com/nathancahill/split/tree/master/packages/react-split (10.2KB minified)
https://github.com/tomkp/react-split-pane (39.3KB minified)

ferdium / ferdium-app