Making CollapsingArranger not collapse all the way to the left by 30 pixels?

Basically in my actual code I have a menu on the left consisting of menu items containing icons and text, what I want is when I slide the right panel to the left it hides the left panel up to the point where the icons start so only the icons are showing, so about 30px of the left panel still showing.

I've tried moving the right panel to the left by 30px with "left: 30px;", which works but I don't want it to be 30px to the left when it's not collapsing to the left but only when it is collapsing to the left.

Possible solutions would be: 1.somehow set a min-width to the right panel but I don't think that works because it doesn't actually shrink when it's collapsing but it hidden behind. 2.somehow restrict how far to the left the right panel can go. 3.setting "left: 30px;" only when it's starting to collapse to the left.

I haven't been able to successfully implement these possible solutions, I like #2 but #3 could also work if it doesn't result in some jerking motions. Is #2 possible? And if not, is there some event which reveals when the panel is collapsing to the left?

jsFiddle: http://jsfiddle.net/ERqgA/

Comments

Sign In or Register to comment.