better dropzones on small screens

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

View file

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

View file

@ -129,8 +129,8 @@ ebi('op_up2k').innerHTML = (
var o = mknod('div');
o.innerHTML = (
'<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="srch_zd"><div>🔎 Search<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>🔎<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="srch_dz" v="srch_zd"></div>\n' +
'</div>'