mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2026-06-20 13:12:26 -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; border-radius: .3em;
background: var(--btn-h-bg); background: var(--btn-h-bg);
} }
#tree_footer {
position: absolute;
bottom: 1em;
left: 1em;
transition: width .15s;
}
.popup_button { .popup_button {
border-radius: .3em; border-radius: .3em;
background: var(--btn-1-bg); background: var(--btn-1-bg);
margin: 1em;
position: absolute;
bottom: 0;
left: 0;
cursor: pointer; cursor: pointer;
height: 2.0em; height: 2.0em;
} }

17
copyparty/web/browser.html
View file

@ -135,14 +135,15 @@
</div> </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="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"> <div id="acc_btnContent">
<p id="acc_name"></p> <p id="acc_name"></p>
<a id="acc_settings" href="#v=cfg" data-dest="cfg">⚙️</a> <a id="acc_settings" href="#v=cfg" data-dest="cfg">⚙️</a>
@ -157,6 +158,8 @@
</form> </form>
</span> </span>
</div> </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="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> <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' + '<ul class="ntree" id="treeul"></ul>\n' +
'<div id="thx_ff">&nbsp;</div>' '<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); clmod(ebi('tree'), 'sbar', 1);
ebi('goh').textContent = L.goh; ebi('goh').textContent = L.goh;
QS('#op_mkdir input[type="submit"]').value = L.ab_mkdir; QS('#op_mkdir input[type="submit"]').value = L.ab_mkdir;
@ -7104,7 +7104,7 @@ var treectl = (function () {
setcvar('--nav-sz', w); setcvar('--nav-sz', w);
ebi('tree').style.width = 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('wrap').style.marginLeft = w2;
ebi('widget').style.marginLeft = (iw /1.4) + 'em'; ebi('widget').style.marginLeft = (iw /1.4) + 'em';
onscroll(); onscroll();