Project-Name-Here/assetflow
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fixed triangles

Browse Source
This commit is contained in:
Leon
2023-05-21 00:42:37 +02:00
parent b6ebda8fb5
commit 037d03cc50
3 changed files with 35 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
static/css/dashboard.css
View File

@ -108,10 +108,17 @@ body {
transform: rotate(-90deg) !important;
transition: 0.5s;
}
.dropdownIndicator {
.derotate {
transform: rotate(0deg) !important;
transition: 0.5s;
}
.derotate::before {
transform: rotate(0deg) !important;
transition: 0.5s;
}
.dropdownIndicator {
transition: all 0.5s;
}
/*

22
static/js/handleSidebarTriangles.js
View File

@ -1,18 +1,22 @@
const trinagles = $('.dropdownIndicator');
//const containers = $('');
console.log(`Found ${trinagles.length} triangles`)
trinagles.each(function () {
var target = $(this.dataset.refTarget);
var triTar = $(this);
// Apply rotate if target is open
if (target.hasClass('show')) {
$(this).addClass('rotate');
}
console.log('target', target);
target.on('show.bs.collapse', function () {
//$(this).parent.addClass('rotate');
$(this).parent().find('.dropdownIndicator').addClass('rotate');
console.log($(this).parent().find('.dropdownIndicator'));
console.log('show');
$(triTar).addClass('rotate');
$(triTar).removeClass('derotate');
});
target.on('hide.bs.collapse', function () {
//$(this).parent.removeClass('rotate');
$(this).parent().find('.dropdownIndicator').removeClass('rotate');
console.log('hide');
$(triTar).removeClass('rotate');
$(triTar).addClass('derotate');
});
// bootstrap.Collapse.getOrCreateInstance(document.querySelector(this.dataset.refTarget))
});