Moves main content to the top, so the header with dropdown menus lands above footer.
/* ==UserStyle==
@name MDN: Content first (Header to Footer)
@description Moves main content to the top, so the header with dropdown menus lands above footer.
@namespace myfonj
@version 1.0.5
@license CC0 - Public Domain
==/UserStyle== */
@-moz-document domain("developer.mozilla.org") {
/*
https://greasyfork.org/en/scripts/409087/versions/new
2020-12-15 they switched to "signle column grid"
With explicity set template-row, that matches matural source order.
Makes no sense to me. Education? Showing off? Questions…
You know what?
Flexbox is fine. I think. Natural order, no need to keep track, no overlays.
2021-03-11 switched to shallow grid with aside and main besides each other
*/
/*
§ First row (header): move after content
both header and footer have z-index of 9999
https://github.com/mdn/yari/blob/c8e3837e2646d4433ad97899afcbd1ced94e3b0f/client/src/ui/organisms/header/index.scss#L58
increasing is necessary foro dropdowns to not be covered with following footer
*/
.document-page .page-header {
grid-row: 8/9; /* was 1/2 */
z-index: 10000;
}
/*
§ Breadcrumbs: stick to top
*/
.breadcrumb-locale-container {
margin: 0;
}
/*
§ Breadcrumbs: Hide last (current) item
Redundant: URL is already in location bar, text is in H1
* OFF /
.breadcrumb-locale-container nav li:nth-last-child(1) {
display: none;
}
.breadcrumb-locale-container nav li:nth-last-child(2) a::after{
--REM: 'caron separator';
content: none;
}
/*
§ Footer: decrease z-index to get visible search suggestions dropdown
*/
.nav-footer {
z-index: 200;
}
}