fisharebest/webtrees — pull request #223 by ddrury (2014-08-18 09:53:09+00:00)
Title: Animate open/close sidebar

I offer this as an enhancement;

Rather than float the main content and sidebar elements, they are now set as “display: table-cell”, this enables a couple of improvements

1. The spacing between the “columns” can be explicitly set, consequently it doesn’t vary as the browser width changes. I’ve set it to be as close as possible to the current spacing with a reasonable browser width but the padding on the #indi-left & #sidebar elements can be altered to taste.

2. It is now possible to animate the open/close of the sidebar which is in my opinion a visual improvement acting in a similar manner to an accordion open/close.

I also converted the javascript to an object so that the functions could be removed from the global namespace, however as the final solution doesn’t have any functions this may be considered un-necessary, nevertheless I’ve left it in place.