mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2025-08-18 01:22:13 -06:00
Code Issues 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 committed by ed
parent a783e7071e
commit fa1445df86
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

@ -3629,6 +3629,8 @@ var thegrid = (function () {
qsr('#docname'); qsr('#docname');
if (window['treectl']) if (window['treectl'])
treectl.textmode(false); treectl.textmode(false);
aligngriditems();
}; };
r.setdirty = function () { r.setdirty = function () {
@ -4487,6 +4489,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 treectl = (function () {
var r = { var r = {
@ -4536,14 +4553,13 @@ var treectl = (function () {
ebi('path').style.display = 'inline-block'; ebi('path').style.display = 'inline-block';
return; return;
} }
if (entreed) {
ebi('ggrid').style.justifyContent = 'space-between';
}
ebi('path').style.display = 'none'; ebi('path').style.display = 'none';
ebi('tree').style.display = 'block'; ebi('tree').style.display = 'block';
window.addEventListener('scroll', onscroll); window.addEventListener('scroll', onscroll);
window.addEventListener('resize', onresize); window.addEventListener('resize', onresize);
onresize(); onresize();
aligngriditems();
}; };
r.detree = function (e) { r.detree = function (e) {
@ -4557,14 +4573,12 @@ var treectl = (function () {
r.hide = function () { r.hide = function () {
r.hidden = true; r.hidden = true;
if (!entreed) {
ebi('ggrid').style.justifyContent = 'center';
}
ebi('path').style.display = 'none'; ebi('path').style.display = 'none';
ebi('tree').style.display = 'none'; ebi('tree').style.display = 'none';
ebi('wrap').style.marginLeft = ''; ebi('wrap').style.marginLeft = '';
window.removeEventListener('resize', onresize); window.removeEventListener('resize', onresize);
window.removeEventListener('scroll', onscroll); window.removeEventListener('scroll', onscroll);
aligngriditems();
} }
function unmenter() { function unmenter() {
@ -4679,6 +4693,8 @@ var treectl = (function () {
timer.add(onscroll2, true); timer.add(onscroll2, true);
function onresize(e) { function onresize(e) {
aligngriditems();
if (!entreed || r.hidden) if (!entreed || r.hidden)
return; return;