mirrors/copyparty
1
0
Fork 0
mirror of https://github.com/9001/copyparty.git synced 2025-08-17 17:12:13 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

better dropzones on small screens

Browse source
This commit is contained in:
ed 2022-05-02 01:08:31 +02:00
parent 0a1d9b4dfd
commit 236017f310
2 changed files with 10 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
copyparty/web/browser.css
View file

@ -1762,7 +1762,7 @@ html.y #bbox-overlay figcaption a {
text-shadow: .05em .05em .1em var(--bg-max); text-shadow: .05em .05em .1em var(--bg-max);
background: rgba(224, 224, 224, 0.2); background: rgba(224, 224, 224, 0.2);
box-shadow: 0 0 0 #999; box-shadow: 0 0 0 #999;
border: .5em solid #999; border: .5em solid #888;
border-radius: .5em; border-radius: .5em;
border-width: 1vw; border-width: 1vw;
color: #fff; color: #fff;
@ -1797,6 +1797,13 @@ html.y #bbox-overlay figcaption a {
left: auto; left: auto;
right: -.8em; right: -.8em;
} }
#drops .dropdesc b {
position: relative;
font-size: .6em;
top: -.25em;
margin: 0 .8em;
margin: 0 1.25vw;
}
#drops .dropzone { #drops .dropzone {
z-index: 80386; z-index: 80386;
height: 50%; height: 50%;

4
copyparty/web/browser.js
View file

@ -129,8 +129,8 @@ ebi('op_up2k').innerHTML = (
var o = mknod('div'); var o = mknod('div');
o.innerHTML = ( o.innerHTML = (
'<div id="drops">\n' + '<div id="drops">\n' +
' <div class="dropdesc" id="up_zd"><div>🚀 Upload<br /><span></span><div>🚀</div><div>🚀</div></div></div>\n' + ' <div class="dropdesc" id="up_zd"><div>🚀 Upload<br /><span></span><div>🚀<b>Upload</b></div><div><b>Upload</b>🚀</div></div></div>\n' +
' <div class="dropdesc" id="srch_zd"><div>🔎 Search<br /><span></span><div>🔎</div><div>🔎</div></div></div>\n' + ' <div class="dropdesc" id="srch_zd"><div>🔎 Search<br /><span></span><div>🔎<b>Search</b></div><div><b>Search</b>🔎</div></div></div>\n' +
' <div class="dropzone" id="up_dz" v="up_zd"></div>\n' + ' <div class="dropzone" id="up_dz" v="up_zd"></div>\n' +
' <div class="dropzone" id="srch_dz" v="srch_zd"></div>\n' + ' <div class="dropzone" id="srch_dz" v="srch_zd"></div>\n' +
'</div>' '</div>'