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

use better structure for tree footer

Browse source
This commit is contained in:
Til Schmitter 2026-04-04 13:11:29 +02:00
parent 4e18e127de
commit 09a9ead9da
3 changed files with 18 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
copyparty/web/browser.css
View file

@ -4333,14 +4333,15 @@ html.e #detree {
border-radius: .3em;
background: var(--btn-h-bg);
}
#tree_footer {
position: absolute;
bottom: 1em;
left: 1em;
transition: width .15s;
}
.popup_button {
border-radius: .3em;
background: var(--btn-1-bg);
margin: 1em;
position: absolute;
bottom: 0;
left: 0;
cursor: pointer;
height: 2.0em;
}

17
copyparty/web/browser.html
View file

@ -135,14 +135,15 @@
</div>
<div id="tree_footer">
<div id="spaceFree" style="display: block;">{{ space_free }} free of {{ space_total }}</div>
<div id="space_bar" style="display: block; cursor: default;">
<div id="spaceTotal_bar"></div>
<div id="spaceUsed_bar" style="width: {{ space_used_percent }}%;"></div>
</div>
<div id="acc_button" class="popup_button">
<div id="spaceFree" style="display: block;">{{ space_free }} free of {{ space_total }}</div>
<div id="space_bar" style="display: block; cursor: default;">
<div id="spaceTotal_bar"></div>
<div id="spaceUsed_bar" style="width: {{ space_used_percent }}%;"></div>
</div>
<div id="acc_btnContent">
<p id="acc_name"></p>
<a id="acc_settings" href="#v=cfg" data-dest="cfg">⚙️</a>
@ -157,6 +158,8 @@
</form>
</span>
</div>
</div>
<a id="gridicon_template" class="gridViewIcon tgl btn on"><div class="gridSquare"></div><div class="gridSquare"></div><div class="gridSquare"></div><div class="gridSquare"></div></div></a>
<a id="listicon_template" class="listViewIcon tgl btn"><div class="listRow"></div><div class="listRow"></div></div></a>

4
copyparty/web/browser.js
View file

@ -1027,7 +1027,7 @@ ebi('tree').innerHTML = (
'<ul class="ntree" id="treeul"></ul>\n' +
'<div id="thx_ff">&nbsp;</div>'
);
ebi('thx_ff').before(ebi('acc_button'));
ebi('thx_ff').before(ebi('tree_footer'));
clmod(ebi('tree'), 'sbar', 1);
ebi('goh').textContent = L.goh;
QS('#op_mkdir input[type="submit"]').value = L.ab_mkdir;
@ -7104,7 +7104,7 @@ var treectl = (function () {
setcvar('--nav-sz', w);
ebi('tree').style.width = w;
ebi('acc_button').style.width = (iw - 2) + 'em';
ebi('tree_footer').style.width = (iw - 2) + 'em';
ebi('wrap').style.marginLeft = w2;
ebi('widget').style.marginLeft = (iw /1.4) + 'em';
onscroll();