From 5aacd15272c12927e60b24360e247f052d92b58e Mon Sep 17 00:00:00 2001
From: ed <s@ocv.me>
Date: Thu, 4 Nov 2021 03:38:09 +0100
Subject: [PATCH] ux

---
 copyparty/web/browser.css | 11 ++++++++++-
 copyparty/web/browser.js  |  5 +++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 88a138eb..6c53f9d8 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -204,6 +204,9 @@ a, #files tbody div a:last-child {
 #repl {
 	padding: .33em;
 }
+#files a.doc {
+	color: #f5a;
+}
 #files tbody a.play {
 	color: #e70;
 	padding: .2em;
@@ -744,7 +747,7 @@ input.eq_gain {
 	width: calc(100% - 2em);
 	line-height: 1em;
 }
-#tree.nowrap #tree li {
+#tree.nowrap li {
 	min-height: 1.4em;
 	white-space: nowrap;
 }
@@ -996,6 +999,9 @@ html.light #rui {
 	margin: -1em 0 .5em 0;
 	padding: 1em 0 1em 0;
 }
+#docul {
+	position: relative;
+}
 #docul li.bn {
 	text-align: center;
 	padding: .5em 0;
@@ -1259,6 +1265,9 @@ html.light #files tbody a.play {
 html.light #files tbody a.play.act {
 	color: #90c;
 }
+html.light #files a.doc {
+	color: #d38;
+}
 html.light #files tr.play td {
 	background: #fc5;
 	border-color: #eb1;
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index bdc78026..a44c0129 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -2374,7 +2374,7 @@ var showfile = (function () {
 				continue;
 
 			ebi(link.id).closest('tr').getElementsByTagName('td')[0].innerHTML =
-				'<a href="#" hl="' + link.id + '">-txt-</a>';
+				'<a href="#" class="doc" hl="' + link.id + '">-txt-</a>';
 		}
 		if (em) {
 			render(em);
@@ -2456,6 +2456,7 @@ var showfile = (function () {
 		document.documentElement.scrollTop = 0;
 		var hfun = no_push ? hist_replace : hist_push;
 		hfun(get_evpath() + '?doc=' + url.split('/').pop());
+		tree_scrollto();
 
 		qsr('#docul');
 		qsr('#docname');
@@ -3632,7 +3633,7 @@ var treectl = (function () {
 			if (showfile.getlang(fname)) {
 				showfile.files.push({ 'id': id, 'name': fname });
 				if (r.lead == '-')
-					r.lead = '<a href="#" hl="' + id + '" name="' + hname + '">-txt-</a>';
+					r.lead = '<a href="#" class="doc" hl="' + id + '" name="' + hname + '">-txt-</a>';
 			}
 
 			var ln = ['<tr><td>' + r.lead + '</td><td sortv="' + sortv +