sidebar on narrow screens

[Jim Garrison]

Laurent, can you explain the need for
1a30ba9fff1951128d668cada83e11dea8752a84 (final commit in frontpage
branch) to me? If we are on a narrow screen, why would we further want
to limit the amount of space available for the sidebar?

[Laurent Savaete]

you remember your comment about the "teach" bubble (in the sidebar) on
the front page becoming huge when falls below the "main" one?
This was the only way I could think of to prevent it, without
resorting to javascript to test where the 2 divs are to keep things in
proportion.
Basically, on a wide screen, main is 2/3 and sidebar is 1/3 of the
screen width, side by side.
If they fall into vertical layout, then 50% somehow keeps this width ratio.
That was the idea.
Maybe it's a wikiotics.org specific issue? Feel free to move the patch
into puppet if you'd rather.

2012/4/26 Jim Garrison <garr...@wikiotics.org>:

[Jim Garrison]

Ahh, makes sense. I think I'll move the patch to puppet, /and/ I'll
make it so it's specific to the front page (and possibly only screen
resolutions in a certain range). On pages aside from the front page, we
will probably want the full width of the sidebar.

[Laurent Savaete]

if you do so, make sure you use the same rule as in puppet
bd4f394df686b74c0206659578983985ba7a8f59
@media screen and (max-width: 752px) {
.ductus_front_page .ductus_wrap3_side .ductus_wrap4 {
padding-top: 0;
// add max-width here
}
}

or it's all gonna be very strange. I found the 752px by trying on my
laptop, but I have no way to tell if it's the same value on other
devices.
if you can think of anything better...