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

- fixed issue where expanding cards were breaking grid

Browse Source
This commit is contained in:
Ross Mountjoy 2020-05-21 15:19:23 -04:00
parent 401ddbe5c6
commit 9243692217
3 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dashmachine/static/css/global/dashmachine.css
View File

@ -882,6 +882,7 @@ span.badge.new {
/* MODULE SIDENAVS */
#card-editor-sidenav, #settings-editor-sidenav {
width: 25%;
z-index: 8000;
}
@media only screen and (min-width: 1901px) {
#card-editor-sidenav, #settings-editor-sidenav {
@ -906,6 +907,7 @@ span.badge.new {
#config-editor-sidenav {
width: 100vw;
z-index: 7999;
}
#card-editor-sidenav table, #settings-editor-sidenav table {

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

@ -39,9 +39,14 @@ function init_home_cards(){
$(".expandable-card").addClass('scrollbar');
} else {
$(".expandable-card").on('mouseenter', function(e) {
var tag_row = $(this).closest('.tag-apps-row');
tag_row.css("min-height", tag_row.height());
var column = $(this).closest('.col')
column.css('min-width', column.width());
column.css('min-height', column.height());
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");
@ -50,12 +55,19 @@ function init_home_cards(){
$(this).css("z-index", 888);
});
$(".expandable-card").on('mouseleave', function(e) {
var tag_row = $(this).closest('.tag-apps-row');
tag_row.css("min-height", "unset");
var column = $(this).closest('.col');
column.css('min-width', "unset");
column.css('min-height', "unset");
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("width", "unset");
$(this).css("z-index", 1);
});
}

2
dashmachine/templates/main/cards.html
View File

@ -21,7 +21,7 @@
</div>
</div>
{% endif %}
<div class="row tag-apps-row" style="min-height: 161px">
<div class="row tag-apps-row">
{% for app in tag.apps %}
{% if app.type == "app" %}
{{ App(app) }}