mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-21 05:32:25 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

tree resize handle

Browse source
This commit is contained in:
Til Schmitter 2026-06-03 13:42:46 +02:00
parent 32aa9026be
commit e4171c3efe
3 changed files with 40 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
copyparty/web/browser.css
View file

@ -2106,6 +2106,21 @@ html {
left: -2.2em; left: -2.2em;
width: calc(100% + 2em); width: calc(100% + 2em);
} }
#reszbar {
position: absolute;
z-index: 25;
top: 0;
bottom: 0;
left: - 5px;
left: calc(var(--nav-sz) - 5px);
width: 10px;
opacity: 0;
background: #8888;
cursor: ew-resize;
}
#reszbar:hover{
opacity: .6;
}
.btn { .btn {
color: var(--btn-fg); color: var(--btn-fg);
background: #eee; background: #eee;

2
copyparty/web/browser.html
View file

@ -40,6 +40,8 @@
</div> </div>
</div> </div>
<div id="reszbar"></div>
<div id="wrap"> <div id="wrap">
<div id="pathBar" class="normalrcm"> <div id="pathBar" class="normalrcm">

24
copyparty/web/browser.js
View file

@ -8130,6 +8130,7 @@ var treectl = (function () {
if (!entreed || r.hidden){ if (!entreed || r.hidden){
if(ebi('tree').style.width == '0px') if(ebi('tree').style.width == '0px')
ebi('tree').style.display = 'none'; ebi('tree').style.display = 'none';
setcvar('--nav-sz', 0);
return; return;
} }
@ -8917,6 +8918,11 @@ var treectl = (function () {
function scaletree(e) { function scaletree(e) {
ev(e); ev(e);
treesz += parseInt(this.getAttribute("step")); treesz += parseInt(this.getAttribute("step"));
r.settreesize(treesz);
}
r.settreesize = function(width){
treesz = width;
if (!isNum(treesz)) if (!isNum(treesz))
treesz = 16; treesz = 16;
@ -11236,8 +11242,18 @@ function reload_browser() {
b1.bottom < b2.top || b1.top > b2.bottom); b1.bottom < b2.top || b1.top > b2.bottom);
} }
var resizing = false;
function sel_start(e) { function sel_start(e) {
try{ try{
if(e.target.id == "reszbar"){
if(sread('entreed') != "tree"){
treectl.entree();
return;
}
resizing = true;
ev(e);
return;
}
if (e.button !== 0 && e.type !== 'touchstart') return; if (e.button !== 0 && e.type !== 'touchstart') return;
if (!thegrid.en || !treectl.dsel) return; if (!thegrid.en || !treectl.dsel) return;
if (e.target.closest('#widget,#ops,.opview,.doc,#ggrid>a,.modal,.normalrcm,#tree')) return; if (e.target.closest('#widget,#ops,.opview,.doc,#ggrid>a,.modal,.normalrcm,#tree')) return;
@ -11276,8 +11292,13 @@ function reload_browser() {
} }
function sel_move(e) { function sel_move(e) {
if (!is_selma) return;
var pos = getpp(e); var pos = getpp(e);
if(resizing){
var em2px = parseFloat(getComputedStyle(document.body).fontSize);
treectl.settreesize(e.clientX / em2px);
return;
}
if (!is_selma) return;
var dist = Math.sqrt(Math.pow(pos.x - startx, 2) + Math.pow(pos.y - starty, 2)); var dist = Math.sqrt(Math.pow(pos.x - startx, 2) + Math.pow(pos.y - starty, 2));
if (e.type === 'touchmove' && ttimer) { if (e.type === 'touchmove' && ttimer) {
@ -11308,6 +11329,7 @@ function reload_browser() {
} }
function sel_end(e) { function sel_end(e) {
resizing = false;
clearTimeout(ttimer); clearTimeout(ttimer);
if (dragging && selbox) { if (dragging && selbox) {
var sbrect = selbox.getBoundingClientRect(); var sbrect = selbox.getBoundingClientRect();