Adjustable size split panes


#1

Is it possible to adjust the size of split panes?

My usual workflow in Sublime is to have one narrow pane that I use for SCSS files, since CSS generally doesn’t take much horizontal space, and then a wider pane that I use for HTML/PHP/JS files.

As far as I can tell, splits in Atom are always half the width of the window with no way to resize them. Am I missing something?


Resize Split Panels
Split screen + word wrap
#2

You’re not missing anything. We have an open issue for this but haven’t gotten to it yet. Thanks for the feedback!


#3

If you typically keep the same setup for columns across projects then you can edit your styles.less and set a max-width on the second column (assuming your narrow column for scss is on the right) to the size you want. Something like this.

.pane-row .pane:nth-child(2) {
    max-width: 300px;
}

#4

@fleeting That’s a nice, if temporary solution. Truly, though, non-adjustable split panes are a deal breaker for me, but I imagine this will be a change that comes fairly soon.


#5

Coming from Coda I was excited that you could split panes both vertically and horizontally at the same time but yeah, I thought I must have been missing something because I couldn’t figure out how to resize them.

Great editor so far, looking forward to this feature!


#6

This would be a great upcoming feature +1


#7

Hi @nathansobo, could you please paste the URL of the issue, so we can follow along and/or comment on it?

Thanks.


#8

Good call- if you want to get designy about it, you can set the two panes to a golden ratio (widthwise only, of course), regardless of window size:

.pane-row .pane:nth-child(2) {
    max-width: 38.2%;
}

#9

I went to look for the issue, so that I could track progress, but couldn’t find one. Is the pane functionality part of core, and closed source for now?


#10

My god. I need this! Trying atom on 13" Macbook Pro =[


#11

I’m sorry, but this is so freaking cool. A hackable editor, with nerds like me coming together to make the features they want to see, happen. You guys all rock. (Yes you, scss suggester guy! You rock!)


#12

Still no information about where to find / track a ticket for this feature?


#13

I’ve implemented a package for maximizing and resizing panes.
Feel free to take a look at it: https://atom.io/packages/layout-manager

Feedback is welcome


#14

Very clever @santip. The shortcut to increase/decrease the pane width is even better than having to use the mouse. Thank you very much for this.


#15

Worth pointing out that the resize-panes package only works on OS X right now. Those of us on Windows and Linux are out of luck.


#16

When you maximize a pane, after you finished, how to restore to the previous pane setup? (where you started from)


#17

I use one on windows but it might be a different package.


#18

Any news on this feature?
I really miss the resize pane handles :smile:


#19

Indeed, I installed and realized after a while that my laptop doesn’t have cmd button.


#20

Hi, I haven’t really figured out how to implement this in atom, but i made a really nice resizable column page out of just html and css which works in firefox/chrome/safari

to see it go to https://jsfiddle.net/enc1cjpL/embedded/result/

to see the code https://jsfiddle.net/enc1cjpL/

I thought this would be really nice if someone could implement this and instead of iframes you just have documents.

anyway hopefully this helps someone