Little menu things

[stever]

Just a couple of notes on other menu things...

1. Ext's CSS ought to override any definitions for a:hover that we might set unilaterally for menu items. It took me a long time to figure out that a combination of a disabled item and a a:hover was causing menu items to move around by 1px (which is probably a browser bug, but anyway).

2. Can we use a sprite for check states? Anything to reduce the number of client connections is always helpful.

3. .x-btn button{ width:100% }

4. Ext.Toolbar.Menu = Ext.Toolbar.Button -- it took me a while to figure out that a menu in a toolbar is really a button.

5. Clicking on a menu button in a toolbar drops the menu down. Clicking again hides it and then drops it down again. Should it not hide it? Clicking working like a toggle? I know some Mac things do it differently, but I think its best to default to hiding it. Why else would you click on it again??

Anyhow, things are coming along nicely.

:)

[jack.slocum]

Thanks for the suggestions. They all are very reasonable except:

.x-btn button{ width:100% }

That is not going to fly in every browser, every doc type.

[stever]

except:

.x-btn button{ width:100% }

That is not going to fly in every browser, every doc type.

You are right. :(

Still there must be a way to size them correctly on the fly as the document is being rendered... since our old script did it fine, maybe i can look for ideas there...