id	summary	reporter	owner	description	type	status	component	version	severity	resolution	keywords	cc	stage	has_patch	needs_docs	needs_tests	needs_better_patch	easy	ui_ux
19224	Documentation version switcher obscures footer	aruseni	Paul Grau	"There is a documentation switcher at the right bottom corner of every documentation page.

It is very nice and neat, but it has a little issue: if you scroll down to the bottom of the page, you cannot read the text in the page footer.

We could solve this by adding a tiny piece of JavaScript in there, which would listen to the scroll event and reposition the documentation switcher in case the footer (or some part of it) is visible (so the documentation version switcher remains on top of the footer when the footer is shown).

Here is an example (use [http://www.learningjquery.com/2009/04/better-stronger-safer-jquerify-bookmarklet this bookmarket] to load jQuery if you are going to test this by running the code in the JS console):

{{{
#!div style=""font-size: 80%""
Code highlighting:
  {{{#!javascript
var versions = $(""ul#doc-versions"")
var footer = $(""div#footer"")

$(window).scroll(function() {
    var window_bottom = $(window).scrollTop() + $(window).height();
    if(window_bottom >= $(document).height() - (footer.height() + 20)) {
        versions.css(""bottom"", footer.height() - ($(document).height() - window_bottom) + 25 + ""px"");
    } else {
        versions.css(""bottom"", ""5px"");
    }
});
  }}}
}}}

Of course, we can easily rewrite it to only use plain JavaScript (without jQuery)."	Bug	closed	*.djangoproject.com	1.5	Normal	fixed			Accepted	1	0	0	0	0	1