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

make search/upload toggling more visible

Browse source
This commit is contained in:
ed 2021-02-22 01:25:13 +01:00
parent 1046a4f376
commit 6774bd88f9
3 changed files with 21 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
README.md
View file

@ -67,6 +67,11 @@ you may also want these, especially on servers:
summary: it works! you can use it! (but technically not even close to beta) summary: it works! you can use it! (but technically not even close to beta)
# bugs
* probably, pls let me know
# client examples # client examples
* javascript: dump some state into a file (two separate examples) * javascript: dump some state into a file (two separate examples)

9
copyparty/web/up2k.js
View file

@ -1066,12 +1066,11 @@ function up2k_init(have_crypto) {
} }
function apply_fsearch_cfg() { function apply_fsearch_cfg() {
var ks = ['multitask', 'ask_up']; try {
for (var a = 0; a < ks.length; a++) { var fun = fsearch ? 'add' : 'remove';
var lbl = document.querySelector('label[for="' + ks[a] + '"]'); ebi('op_up2k').classList[fun]('srch');
lbl.setAttribute('class', fsearch ? 'gray' : '');
} }
ebi('u2tab').setAttribute('class', fsearch ? 'srch' : ''); catch (ex) { }
} }
function set_fsearch() { function set_fsearch() {

21
copyparty/web/upload.css
View file

@ -6,6 +6,9 @@
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: 2px;
height: 2px;
overflow: hidden;
} }
#u2form input { #u2form input {
background: #444; background: #444;
@ -16,11 +19,6 @@
color: #f87; color: #f87;
padding: .5em; padding: .5em;
} }
#u2form {
width: 2px;
height: 2px;
overflow: hidden;
}
#u2btn { #u2btn {
color: #eee; color: #eee;
background: #555; background: #555;
@ -40,6 +38,9 @@
cursor: pointer; cursor: pointer;
box-shadow: .4em .4em 0 #111; box-shadow: .4em .4em 0 #111;
} }
#op_up2k.srch #u2btn {
background: linear-gradient(to bottom, #270 0%, #5a1 50%, #381 51%, #270 100%);
}
#u2conf #u2btn { #u2conf #u2btn {
margin: -1.5em 0; margin: -1.5em 0;
padding: 1.5em 0; padding: 1.5em 0;
@ -59,7 +60,7 @@
width: calc(100% - 2em); width: calc(100% - 2em);
max-width: 100em; max-width: 100em;
} }
#u2tab.srch { #u2form.srch #u2tab {
max-width: none; max-width: none;
} }
#u2tab td { #u2tab td {
@ -73,7 +74,7 @@
#u2tab td:nth-child(3) { #u2tab td:nth-child(3) {
width: 40%; width: 40%;
} }
#u2tab.srch td:nth-child(3) { #u2form.srch #u2tab td:nth-child(3) {
font-family: sans-serif; font-family: sans-serif;
width: auto; width: auto;
} }
@ -150,11 +151,13 @@
box-shadow: 0 .1em .3em #fb0; box-shadow: 0 .1em .3em #fb0;
border-color: #fb0; border-color: #fb0;
} }
#u2conf input[type="checkbox"]+label.gray { #op_up2k.srch #u2conf td:nth-child(1)>*,
#op_up2k.srch #u2conf td:nth-child(2)>*,
#op_up2k.srch #u2conf td:nth-child(3)>* {
background: #777; background: #777;
border-color: #ccc; border-color: #ccc;
box-shadow: none; box-shadow: none;
opacity: .25; opacity: .2;
} }
#u2cdesc { #u2cdesc {
position: absolute; position: absolute;