[CLOSED] Prevent reflow in the project name title (#1548)

[core-ai-bot]

Issue by jbalsas
Sunday Nov 04, 2012 at 16:56 GMT
Originally opened as adobe/brackets#2040

---

This is a possible fix for Issue #1548

It uses the sidebar resize events to update the title width and prevent reflow by setting a fixed height and hidden overflow.

---

jbalsas included the following code: https://github.com/adobe/brackets/pull/2040/commits

[core-ai-bot]

Comment by redmunds
Monday Nov 05, 2012 at 16:52 GMT

---

This looks good!

There's one other quirk that would be nice to also fix. Try opening a project folder that has breaking chars in the name (such as whitespace or hyphens) such as "Getting Started". As the side bar gets thinner, the word "Started" disappears all at once, but "Getting" displays as many characters as space allows. Can you try also applying "white-space: nowrap;" to the project name to prevent that?

[core-ai-bot]

Comment by jbalsas
Monday Nov 05, 2012 at 17:39 GMT

---

@redmunds Nice catch! I've fixed that and also added some left margin to the settings icon to let it breathe a little...

One thing about this is that it only works when the RecentProjects extension is loaded. If extensions fail to load or RecentProjects would get disabled the title would reflow. Should we try a fix for that case as well?

[core-ai-bot]

Comment by redmunds
Monday Nov 05, 2012 at 18:36 GMT

---

I think it's ok that it only works with the recent-projects extension. I think it will be rare that anyone disables it.

Looks good. Merging.