[CLOSED] UI Polish

[core-ai-bot]

Issue by larz0
Saturday Nov 09, 2013 at 06:24 GMT
Originally opened as adobe/brackets#5921

---

What's new:

• Added modal window animation to all modal windows
• Added drop-down animation to all drop-down menus except for code-hint menus
• Added Quick Open drop-down animation
• Made Extension Manager keyword text quieter to reduce noise
• Added input focus/error ring transition for all input fields
• Refactored and added pressed state for all quiet dark button in the side bar (e.g. Project, Working Set Options drop-down menu. Brackets Git extension can also benefit from this)
• Replaced Extension Search clear icon to make sure we're using the same "X" in our UI
• Replaced Side Bar selection background image with CSS
• Made Extension Manager alert text much smaller as they can take up a lot of space
• Refined Topcoat. The lines are finer now with subtler highlights and shadows; focus and error rings on controls are also on a sweet spot now.
• Replaced double triangle with single triangle for [CLOSED] Don't allow creating empty file filters #7134
• Removed unused icons.

---

larz0 included the following code: https://github.com/adobe/brackets/pull/5921/commits

[core-ai-bot]

Comment by larz0
Tuesday Jan 07, 2014 at 00:17 GMT

---

@njx I made some changes so could you take a look?

[core-ai-bot]

Comment by njx
Thursday Jan 30, 2014 at 22:41 GMT

---

FYI I nominated this on the Kanban board, so hopefully someone will get to this soon.

[core-ai-bot]

Comment by larz0
Thursday Jan 30, 2014 at 22:50 GMT

---

Coolbeans~

[core-ai-bot]

Comment by redmunds
Wednesday Mar 12, 2014 at 03:16 GMT

---

Assigning to me.

[core-ai-bot]

Comment by redmunds
Friday Mar 14, 2014 at 23:52 GMT

---

@larz0 Can you update the main description with a list of what they changes are? It's not really clear just reading the commit text. Also, for each animation (e.g. "dropdown animation"), can you list which page elements are (or are not) affected?

[core-ai-bot]

Comment by larz0
Friday Mar 14, 2014 at 23:58 GMT

---

Ok cool I'll update that next week. Thanks!

[core-ai-bot]

Comment by larz0
Monday Mar 17, 2014 at 19:21 GMT

---

@redmunds I've updated the main description.

[core-ai-bot]

Comment by redmunds
Tuesday Mar 18, 2014 at 03:25 GMT

---

I've always like the transition in the CSS inline editor in the selector list on the right where changing selection causes the highlight to slide to the new selection. What do you think about doing that in the project tree?

[core-ai-bot]

Comment by redmunds
Tuesday Mar 18, 2014 at 03:25 GMT

---

Done with initial review. This looks really cool!

[core-ai-bot]

Comment by larz0
Tuesday Mar 18, 2014 at 21:15 GMT

---

@redmunds the sidebar selection sliding animation will be tricky because of the way it's built. There's two separate pieces, the selection and the triangle.

[core-ai-bot]

Comment by larz0
Tuesday Mar 18, 2014 at 22:00 GMT

---

@redmunds I made another change based on@ingorichter's feedback. The current hit area for Find -in-Files pagination icons are really smaller and they have a weird shape (6px by 18px). I've made it 18px by 18px and added subtle hover state so that the hit area is obvious.

[core-ai-bot]

Comment by larz0
Tuesday Mar 18, 2014 at 22:23 GMT

---

@redmunds nice catch. I've stopped the nested dialog from flashing.

[core-ai-bot]

Comment by ingorichter
Wednesday Mar 19, 2014 at 01:12 GMT

---

@larz0 the enlarged hit area looks good.

[core-ai-bot]

Comment by larz0
Wednesday Mar 19, 2014 at 21:30 GMT

---

@redmunds I've addressed the feedbacks.

[core-ai-bot]

Comment by redmunds
Thursday Mar 20, 2014 at 00:33 GMT

---

Looks good. Merging.