more tray ui nitpicks

This commit is contained in:
ed 2021-08-30 22:25:07 +02:00
parent 1a33a047fa
commit 5938230270
2 changed files with 27 additions and 18 deletions

View file

@ -343,17 +343,19 @@ html.light #ggrid>a.sel {
} }
#wtgrid, #wtgrid,
#wtico { #wtico {
cursor: url(/.cpr/dd/4.png), pointer;
animation: cursor 500ms;
position: relative; position: relative;
font-size: .9em; font-size: .9em;
top: -.04em; top: -.04em;
} }
#wtgrid { #wtgrid {
font-size: .75em; font-size: .75em;
padding: .1em;
top: -.12em; top: -.12em;
} }
#wtgrid:hover, #wtico {
cursor: url(/.cpr/dd/4.png), pointer;
animation: cursor 500ms;
}
#wtico:hover { #wtico:hover {
animation: cursor 500ms infinite; animation: cursor 500ms infinite;
} }
@ -381,23 +383,25 @@ html.light #ggrid>a.sel {
background: #3c3c3c; background: #3c3c3c;
box-shadow: 0 0 .5em #222; box-shadow: 0 0 .5em #222;
border-radius: .3em 0 0 0; border-radius: .3em 0 0 0;
padding: 0; padding: 0 0 0 .1em;
color: #fff; color: #fff;
} }
#wzip, #wnp { #wfm, #wzip, #wnp {
display: none; display: none;
margin-right: .3em; }
padding-right: .3em; #wzip, #wnp {
margin-right: .2em;
padding-right: .2em;
border-right: .1em solid #555; border-right: .1em solid #555;
} }
#wnp a { #wfm.act+#wzip,
position: relative; #wfm.act+#wzip+#wnp {
font-size: .47em; margin-left: .2em;
margin: 0 .1em; padding-left: .2em;
top: -.4em; border-left: .1em solid #555;
} }
#wnp a+a { #wfm.act {
margin-left: .33em; display: inline-block;
} }
#wtoggle, #wtoggle,
#wtoggle * { #wtoggle * {
@ -411,6 +415,7 @@ html.light #ggrid>a.sel {
display: none; display: none;
} }
#wfm a, #wfm a,
#wnp a,
#wzip a { #wzip a {
font-size: .5em; font-size: .5em;
padding: 0 .3em; padding: 0 .3em;
@ -418,10 +423,14 @@ html.light #ggrid>a.sel {
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
#wfm span { #wfm span,
#wnp span {
font-size: .6em; font-size: .6em;
display: block; display: block;
} }
#wnp span {
font-size: .7em;
}
#wfm a:not(.en) { #wfm a:not(.en) {
opacity: .3; opacity: .3;
color: #f6c; color: #f6c;

View file

@ -40,8 +40,8 @@ ebi('widget').innerHTML = (
' href="#" id="selinv" tt="invert selection">sel.<br />inv.</a><a' + ' href="#" id="selinv" tt="invert selection">sel.<br />inv.</a><a' +
' href="#" id="selzip" tt="download selection as archive">zip</a>' + ' href="#" id="selzip" tt="download selection as archive">zip</a>' +
'</span><span id="wnp"><a' + '</span><span id="wnp"><a' +
' href="#" id="npirc" tt="copy irc-formatted track info">📋irc</a><a' + ' href="#" id="npirc" tt="copy irc-formatted track info">📋<span>irc</span></a><a' +
' href="#" id="nptxt" tt="copy plaintext track info">📋txt</a>' + ' href="#" id="nptxt" tt="copy plaintext track info">📋<span>txt</span></a>' +
'</span><a' + '</span><a' +
' href="#" id="wtgrid" tt="toggle grid/list view$NHotkey: G">田</a><a' + ' href="#" id="wtgrid" tt="toggle grid/list view$NHotkey: G">田</a><a' +
' href="#" id="wtico">♫</a>' + ' href="#" id="wtico">♫</a>' +
@ -1718,7 +1718,7 @@ var fileman = (function () {
bcut.style.display = have_mv && has(perms, 'move') ? '' : 'none'; bcut.style.display = have_mv && has(perms, 'move') ? '' : 'none';
bpst.style.display = have_mv && has(perms, 'write') ? '' : 'none'; bpst.style.display = have_mv && has(perms, 'write') ? '' : 'none';
bpst.setAttribute('tt', 'paste ' + r.clip.length + ' items$NHotkey: ctrl-V'); bpst.setAttribute('tt', 'paste ' + r.clip.length + ' items$NHotkey: ctrl-V');
ebi('wfm').style.display = QS('#wfm a.en:not([display])') ? '' : 'none'; clmod(ebi('wfm'), 'act', QS('#wfm a.en:not([style])'));
}; };
r.rename = function (e) { r.rename = function (e) {