[IMP] - use display for element visibility

the visibility attribute with the hidden option hides the element but
don't free the space.

A common use case is to have a specific header for the first page and
another for the other pages. With visibility: hidden the second header
cannot take the first one place and will keep a huge margin.
One solution is to use the display:none instead.
pull/702/head
sbejaoui 2021-04-30 15:23:17 +02:00 committed by Cyril VINH-TUNG
parent 470fb847db
commit 22378d9dfc
1 changed files with 4 additions and 4 deletions

View File

@ -33,16 +33,16 @@
var operations = {
'not-first-page': function (elt) {
elt.style.visibility = (vars.sitepage == vars.frompage) ? "hidden" : "visible";
elt.style.display = (vars.sitepage == vars.frompage) ? "hidden" : "visible";
},
'not-last-page': function (elt) {
elt.style.visibility = (vars.sitepage == vars.sitepages) ? "hidden" : "visible";
elt.style.display = (vars.sitepage == vars.sitepages) ? "hidden" : "visible";
},
'first-page': function (elt) {
elt.style.visibility = (vars.sitepage == vars.frompage) ? "visible" : "hidden";
elt.style.display = (vars.sitepage == vars.frompage) ? "visible" : "hidden";
},
'last-page': function (elt) {
elt.style.visibility = (vars.sitepage == vars.sitepages) ? "visible" : "hidden";
elt.style.display = (vars.sitepage == vars.sitepages) ? "visible" : "hidden";
},
};
for (var klass in operations) {