search

connors / photon

The fastest way to build beautiful Electron apps using simple HTML and CSS
photonkit.com
MIT License
10.01k stars 579 forks source link

Pane resizing and nested/vertical pane groups (fixes #91 and #92) #95

Open psunnn opened 8 years ago

psunnn commented 8 years ago

resize

In resize.js, the buildPaneTree() method loops through the DOM recursively and gets all the pane and pane-groups. During this process, splitter elements are created and appended between panes and the resizer() method is attached to each splitter onmousedown. resizer() takes the initial cursor position and sets the flex-basis of its neighboring panes based on the distance moved.

Additionally, pane-groups can be nested in one another (<div class="pane pane-group">) and a new class, .pane-group-vertical, is used to stack panes vertically.

None of these changes will affect anything that has already been built :)

trufae commented 7 years ago

Please merge this!

trufae commented 7 years ago

so this project seems dead :( who's up for forking and updating and merging all the pending PRs?

ExNG commented 6 years ago

I dont know if thats what you are asking for but forked photonkit as Antimatter (See: https://github.com/ExNG/antimatter) and would like to have resizeable panes