From 8447ea8704963f30e34996efca93b0b03c1fa056 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Sat, 18 Apr 2026 18:53:40 +0200
Subject: [PATCH] counter rotating quick actions plus

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

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 090e4eed..7852507b 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -1264,7 +1264,7 @@ html.dz #flogout {
 }
 #up_quick .btn{
 	box-shadow: none;
-	transition: all .15s;
+	transition: all .25s;
 	margin: -1px;
 	width: max-content;
 }
@@ -1274,6 +1274,15 @@ html.a #up_quick .btn {
 html.a #up_quick .btn.on {
 	transform: rotate(0);
 }
+#up_quick .btn .rotatable {
+	transition: all .20s;
+	transform: translateY(-.04em) rotate(-45deg);
+
+	background: none;
+}
+#up_quick .btn.on .rotatable {
+	transform: translateY(-.04em);
+}
 #wfs, #wfm, #wzip, #wnp, #wm3u {
 	display: none;
 }
diff --git a/copyparty/web/browser.js b/copyparty/web/browser.js
index 408e9326..e088051b 100644
--- a/copyparty/web/browser.js
+++ b/copyparty/web/browser.js
@@ -841,7 +841,7 @@ ebi('widget').innerHTML = (
 	'		<a id="uq_nf">new file <span><p class="overlay_plus">+</p>📝</span></a>\n' +
 	'		<a id="uq_up">upload 🚀</a>\n' +
 	'	</div>' +
-	'	<a id="up_quick_btn" class="tgl btn on">+</a>' +
+	'	<a id="up_quick_btn" class="tgl btn on"><div class="rotatable">+</div></a>' +
 	'</div>' +
 
 	'<span id="wfs"></span>' +