Resizing sidebar produces strange behavior in projects panel

[jbalsas]

When resizing the sidebar (doing it smaller), you can see two strange movements on the projects panel as if two new break lines where added.

Steps to reproduce:

1. Open Brackets on the project folder
2. Resize the sidebar until about half the size of the Brackets window (just to clearly see the effect as it happens anyway)
3. Open one file. For example styles/brackets_codemirror_override.less
4. Start resizing the sidebar making it smaller until it disappears

Result:

• When the size of the sidebar is smaller than the name of the file, the div #open-files-container gains 9 additional pixels in height making the rest of the containers to move down.
• When the size of the sidebar is smaller than the name of the project and the arrow indicator, div #project-files-header starts resizing, starting with the arrow indicator.

Expected result:

• The project files container should not move
• The project files header should not be resized

[pthiess]

Reviewed - assigned to JSJ

[jbalsas]

This is not happening anymore. Probably since #1845 was merged.

[redmunds]

Yes, this looks much better. I still see some reflowing of contents that change height (i.e. project name + triangle). This should get fixed with enforcing a min-width which is captured in issue #998.

[jbalsas]

Oh, you're right... I was testing with an old version of the shell so it was not loading the extensions and I wasn't seeing the reflow due to the RecentProjects one...

@redmunds I'm not sure enforcing a min-width will solve this as the project name could be really large, right? Should we reopen this issue to keep track of the triangle+recentProjects issue?

[redmunds]

Yes. Re-opening for now.

[redmunds]

Confirmed fix. Closing.