Navigation bar & Dock icons

jamiewaese / ePlant

ePlant is a data visualization tool for integrating and exploring multiple levels of biological data.

MIT License

2 stars 1 forks source link

Navigation bar & Dock icons #38

Closed jamiewaese closed 10 years ago

jamiewaese commented 10 years ago

PLANT NAME Just under the BAR logo, the plant name should be updated according to which plant the user selects. It's currently hard coded to Arabidopsis.

ICONS Let's use the grey versions of the icons if the tool is not available.

yuzhenmi commented 10 years ago

Plant name was fixed some time ago.

I added a new function to the ZUI framework that gets called every frame to do global updates. Now the icons get updated every frame according to the availability of views and whether they are active.

jamiewaese commented 10 years ago

Nice. The Select Gene icon should be green when we're on that view. Since we'll be showing the dock on the Select Plant page, we should make that one green when it's active too.

On 2013-10-29, at 2:09 PM, Hans Yu wrote:

Plant name was fixed some time ago.

I added a new function to the ZUI framework that gets called every frame to do global updates. Now the icons get updated every frame according to the availability of views and whether they are active.

— Reply to this email directly or view it on GitHub.

yuzhenmi commented 10 years ago

They should already be green when they're active. Are they not?

yuzhenmi commented 10 years ago

jamiewaese commented 10 years ago

They are now. I guess it just didn't load before.

Hey, can you center the BAR logo above the dock?

Margin-left: 40px;

And try to get the word ePlant just to the right of the canvas edge -- roughly where the 'a' is now.

On 2013-10-29, at 2:43 PM, Hans Yu wrote:

— Reply to this email directly or view it on GitHub.

yuzhenmi commented 10 years ago

Done. I used position:relative and adjusted left, instead of using margin-left.

jamiewaese commented 10 years ago

It's looking really nice. A bit more to the right... where the P is now.

The last few GUI things for the day... promise!

Remove that vertical green bar with the ("Just a bar") tooltip from the page. It amused me for a while but it really serves no purpose!
Adjust the pointer settings so the mouse arrow turns into a hand when it's over interactive items. It does it when the user mouses over the BAR logo. It should do the same for all our buttons. It implicitly says "You can press this", which is really useful.
Add left & right margins to the text area below the tabs. I'll provide some dummy text for this section soon.

On 2013-10-29, at 3:17 PM, Hans Yu wrote:

Done. I used position:relative and adjusted left, instead of using margin-left.

— Reply to this email directly or view it on GitHub.

yuzhenmi commented 10 years ago

Removed the "bar". Shifted more to the right. Changed cursor to hand/pointer for icons and buttons. Centered tabs contents for now.