anonfunc/JellyPy
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Patch DataTables ColVis to fix dropdown extending past bottom of page

Browse Source
This commit is contained in:
JonnyWong16
2020-10-02 00:22:19 -07:00
parent 900b524672
commit 28c745c19c
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
data/interfaces/default/css/dataTables.colVis.css
View File

@@ -71,7 +71,7 @@ ul.ColVis_collection {
list-style: none; list-style: none;
width: 150px; width: 150px;
padding: 8px 8px 4px 8px; padding: 8px 8px 4px 8px;
margin: 10px 0px 0px 0px; margin: 10px 0px 10px 0px;
background-color: #444; background-color: #444;
overflow: hidden; overflow: hidden;
z-index: 2002; z-index: 2002;

13
data/interfaces/default/js/dataTables.colVis.js
View File

@@ -790,6 +790,9 @@ ColVis.prototype = {
oStyle.top = oPos.top+"px"; oStyle.top = oPos.top+"px";
oStyle.left = iDivX+"px"; oStyle.left = iDivX+"px";
var iDocWidth = $(document).width();
var iDocHeight = $(document).height();
document.body.appendChild( nBackground ); document.body.appendChild( nBackground );
document.body.appendChild( nHidden ); document.body.appendChild( nHidden );
document.body.appendChild( this.dom.catcher ); document.body.appendChild( this.dom.catcher );
@@ -819,12 +822,17 @@ ColVis.prototype = {
var iDivWidth = $(nHidden).outerWidth(); var iDivWidth = $(nHidden).outerWidth();
var iDivHeight = $(nHidden).outerHeight(); var iDivHeight = $(nHidden).outerHeight();
var iDocWidth = $(document).width(); var iDivMarginTop = parseInt($(nHidden).css("marginTop"), 10);
var iDivMarginBottom = parseInt($(nHidden).css("marginBottom"), 10);
if ( iLeft + iDivWidth > iDocWidth ) if ( iLeft + iDivWidth > iDocWidth )
{ {
nHidden.style.left = (iDocWidth-iDivWidth)+"px"; nHidden.style.left = (iDocWidth-iDivWidth)+"px";
} }
if ( iDivY + iDivHeight > iDocHeight )
{
nHidden.style.top = (oPos.top - iDivHeight - iDivMarginTop - iDivMarginBottom)+"px";
}
} }
this.s.hidden = false; this.s.hidden = false;
@@ -846,7 +854,8 @@ ColVis.prototype = {
this.s.hidden = true; this.s.hidden = true;
$(this.dom.collection).animate({"opacity": 0}, that.s.iOverlayFade, function (e) { $(this.dom.collection).animate({"opacity": 0}, that.s.iOverlayFade, function (e) {
this.style.display = "none"; // this.style.display = "none";
document.body.removeChild( this );
} ); } );
$(this.dom.background).animate({"opacity": 0}, that.s.iOverlayFade, function (e) { $(this.dom.background).animate({"opacity": 0}, that.s.iOverlayFade, function (e) {