techwire/copyparty
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

align grid items to left if there's not enough to fill a row

Browse Source
This commit is contained in:
icxes 2022-09-12 01:36:21 +03:00
parent 0793293624
commit a9a0546c23
1 changed files with 22 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
copyparty/web/browser.js
View File

@ -3627,6 +3627,8 @@ var thegrid = (function () {
qsr('#docname');
if (window['treectl'])
treectl.textmode(false);
aligngriditems();
};
r.setdirty = function () {
@ -4475,6 +4477,21 @@ document.onkeydown = function (e) {
}
})();
function aligngriditems() {
var em2px = parseFloat(getComputedStyle(ebi('ggrid')).fontSize);
var gridsz = getComputedStyle(document.getElementsByTagName('html')[0]).getPropertyValue('--grid-sz').slice(0, -2);
var gridwidth = ebi('ggrid').clientWidth;
var griditemcount = ebi('ggrid').children.length;
var totalgapwidth = em2px * griditemcount;
if (((griditemcount * em2px) * gridsz) + totalgapwidth < gridwidth) {
ebi('ggrid').style.justifyContent = 'left';
} else if (localStorage.getItem('entreed') == 'na') {
ebi('ggrid').style.justifyContent = 'center';
} else if (localStorage.getItem('entreed') == 'tree') {
ebi('ggrid').style.justifyContent = 'space-between';
}
}
var treectl = (function () {
var r = {
@ -4524,14 +4541,13 @@ var treectl = (function () {
ebi('path').style.display = 'inline-block';
return;
}
if (entreed) {
ebi('ggrid').style.justifyContent = 'space-between';
}
ebi('path').style.display = 'none';
ebi('tree').style.display = 'block';
window.addEventListener('scroll', onscroll);
window.addEventListener('resize', onresize);
onresize();
aligngriditems();
};
r.detree = function (e) {
@ -4545,14 +4561,12 @@ var treectl = (function () {
r.hide = function () {
r.hidden = true;
if (!entreed) {
ebi('ggrid').style.justifyContent = 'center';
}
ebi('path').style.display = 'none';
ebi('tree').style.display = 'none';
ebi('wrap').style.marginLeft = '';
window.removeEventListener('resize', onresize);
window.removeEventListener('scroll', onscroll);
aligngriditems();
}
function unmenter() {
@ -4667,6 +4681,8 @@ var treectl = (function () {
timer.add(onscroll2, true);
function onresize(e) {
aligngriditems();
if (!entreed || r.hidden)
return;