From 12a57c3458ea359e41b005f108c6c1411631f1c9 Mon Sep 17 00:00:00 2001
From: Til Schmitter <til.schmitter@gmail.com>
Date: Sat, 4 Apr 2026 14:00:37 +0200
Subject: [PATCH] fix acc popup

---
 copyparty/web/browser.css  | 17 ++++++-----------
 copyparty/web/browser.html | 17 ++++++++---------
 2 files changed, 14 insertions(+), 20 deletions(-)

diff --git a/copyparty/web/browser.css b/copyparty/web/browser.css
index 0029c089..89e9343d 100644
--- a/copyparty/web/browser.css
+++ b/copyparty/web/browser.css
@@ -4347,28 +4347,23 @@ html.e #detree {
 	align-self: center;
 }
 
-/* Toggle this class - hide and show the popup */
-.popup_button .show {
+.popup.show {
   visibility: visible;
   -webkit-animation: fadeIn 1s;
   animation: fadeIn 1s;
 }
 
-/* The actual popup */
 .popup {
   visibility: hidden;
   width: fit-content;
-  background-color: #555;
-  color: #fff;
+  background-color: var(--bg-u6);
   text-align: center;
-  border-radius: 6px;
-  padding: 8px;
+  border-radius: .3em;
+  padding: .5em;
   position: absolute;
   display: block;
   z-index: 3;
-  bottom: 125%;
-  left: 0%;
-  cursor: default;
+  bottom: 2.5em;
 }
 
 /* Popup arrow */
@@ -4380,7 +4375,7 @@ html.e #detree {
   margin-left: -5px;
   border-width: 5px;
   border-style: solid;
-  border-color: #555 transparent transparent transparent;
+  border-color: var(--bg-u6) transparent transparent transparent;
 }
 
 .overlay_plus{
diff --git a/copyparty/web/browser.html b/copyparty/web/browser.html
index 13041609..a02dbdaf 100644
--- a/copyparty/web/browser.html
+++ b/copyparty/web/browser.html
@@ -144,20 +144,19 @@
 		<div id="spaceUsed_bar" style="width: {{ space_used_percent }}%;"></div>
 	</div>
 
+	<span id="acc_popup" class="popup">
+		<div id="acessType" style="display: block;"></div>
+		<a href="{{ r }}/?h" id="goh" style="display: block;">control-panel</a>
+		<form id="flogout" style="display: block;" method="post" enctype="multipart/form-data">
+			<input type="hidden" name="act" value="logout" />
+			<input id="blogout" type="submit" />
+		</form>
+	</span>
 	<div id="acc_button" class="popup_button">
 		<div id="acc_btnContent">
 			<p id="acc_name"></p>
 			<a id="acc_settings" href="#v=cfg" data-dest="cfg">⚙️</a>
 		</div>
-
-		<span id="acc_popup" class="popup">
-			<div id="acessType" style="display: block;"></div>
-			<a href="{{ r }}/?h" id="goh" style="display: block;">control-panel</a>
-			<form id="flogout" style="display: block;" method="post" enctype="multipart/form-data">
-				<input type="hidden" name="act" value="logout" />
-				<input id="blogout" type="submit" />
-			</form>
-		</span>
 	</div>
 </div>