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

chore: improve responsivity on small screens

Browse source 
Signed-off-by: William Phetsinorath <william.phetsinorath@shikanime.studio>
Change-Id: I40b5bd4f2ae584dc668c22c18a9370066a6a6964
This commit is contained in:
William Phetsinorath 2026-04-08 14:12:07 +02:00
parent ede692925e
commit a3ef34dec3
No known key found for this signature in database
GPG key ID: 88A9DF8418B3D728
2 changed files with 40 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
copyparty/web/browser.css
View file

@ -3231,14 +3231,40 @@ html.d #treepar {
@media (max-width: 28em) {
#u2conf {
font-size: .8em;
}
}
@media (max-width: 32em) {
#u2conf {
font-size: .9em;
}
}
@media (max-width: 28em) {
#u2conf {
font-size: .8em;
@media (max-width: 35em) {
#wrap {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
overscroll-behavior-y: contain;
-webkit-overflow-scrolling: touch;
}
#wtoggle {
left: 0;
right: 0;
height: auto;
min-height: 1em;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
touch-action: pan-x;
scrollbar-gutter: stable;
border-radius: 0;
padding-left: 0;
padding-bottom: .35em;
}
#wtoggle>* {
flex: 0 0 auto;
}
}
@media (min-width: 70em) {

22
copyparty/web/browser.js
View file

@ -1768,7 +1768,7 @@ function MPlayer() {
continue;
tid = tid.slice(1);
if (r.tracks[tid])
if (r.tracks[tid])
order.push(tid);
}
r.order = order;
@ -6854,7 +6854,7 @@ function aligngriditems() {
if (((griditemcount * em2px) * gridsz) + totalgapwidth < gridwidth) {
val = 'left';
} else {
val = treectl.hidden ? 'center' : 'space-between';
val = treectl.hidden ? 'center' : 'space-evenly';
}
if (st.justifyContent != val)
st.justifyContent = val;
@ -9938,19 +9938,19 @@ function reload_browser() {
var selbox = null;
var ttimer = null;
var lpdelay = 250;
var lpdelay = 250;
var mvthresh = 44;
function unbox() {
qsr('.selbox');
ebi('gfiles').style.removeProperty('pointer-events')
ebi('wrap').style.removeProperty('user-select')
if (selbox) {
console.log(selbox)
window.getSelection().removeAllRanges();
}
is_selma = false;
dragging = false;
fwrap = null;
@ -9993,7 +9993,7 @@ function reload_browser() {
starty = pos.y;
is_selma = true;
ttimer = null;
if (e.type === 'touchstart') {
ttimer = setTimeout(function() {
ttimer = null;
@ -10001,7 +10001,7 @@ function reload_browser() {
}, lpdelay);
}
}
function start_drag() {
if (dragging) return;
@ -10012,7 +10012,7 @@ function reload_browser() {
ebi('gfiles').style.pointerEvents = 'none';
}
function sel_move(e) {
if (!is_selma) return;
var pos = getpp(e);
@ -10027,7 +10027,7 @@ function reload_browser() {
return;
}
if (!dragging && dist > mvthresh && !window.getSelection().toString()) {
if (fwrap = e.target.closest('#wrap'))
if (fwrap = e.target.closest('#wrap'))
fwrap.style.userSelect = 'none';
else return;
start_drag();
@ -10075,7 +10075,7 @@ function reload_browser() {
}
});
}
dsel_init();
})();
@ -10118,7 +10118,7 @@ var mpss = (function() {
var gain = afilt.ssg.gain;
var duration = ae.duration || 0;
var slimit = duration * (config.sthresh / 100);
var elimit = duration * (1 - (config.etresh / 100));
var in_limits = ae.currentTime < slimit || ae.currentTime > elimit;