harmacist/DashMachine
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

- disabled expanding cards on mobile devices

Browse Source
This commit is contained in:
Ross Mountjoy 2020-05-21 12:05:18 -04:00
parent 4b5b7a9464
commit 962bfa780d
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
dashmachine/static/js/main/home.js
View File

@ -35,26 +35,30 @@ function init_home_cards(){
});
});
$(".expandable-card").on('mouseenter', function(e) {
var width = $(this).width();
var avail_space = $(window).height() - $(this).offset().top + $(this).height();
console.log(avail_space)
$(this).css("position", "absolute");
$(this).css("max-height", "unset");
$(this).css("overflow", "auto");
$(this).css("height", "auto");
$(this).css("width", width);
$(this).css("z-index", 888);
});
$(".expandable-card").on('mouseleave', function(e) {
var width = $(this).width()
$(this).css("position", "relative");
$(this).css("max-height", "146px");
$(this).css("overflow", "hidden");
$(this).css("height", "146px");
$(this).css("width", width);
$(this).css("z-index", 1);
});
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
$(".expandable-card").addClass('scrollbar');
} else {
$(".expandable-card").on('mouseenter', function(e) {
var width = $(this).width();
var avail_space = $(window).height() - $(this).offset().top + $(this).height();
console.log(avail_space)
$(this).css("position", "absolute");
$(this).css("max-height", "unset");
$(this).css("overflow", "auto");
$(this).css("height", "auto");
$(this).css("width", width);
$(this).css("z-index", 888);
});
$(".expandable-card").on('mouseleave', function(e) {
var width = $(this).width()
$(this).css("position", "relative");
$(this).css("max-height", "146px");
$(this).css("overflow", "hidden");
$(this).css("height", "146px");
$(this).css("width", width);
$(this).css("z-index", 1);
});
}
}