From 22dafdd5b66d1e2aacb4fe96cfd5451b20de1d79 Mon Sep 17 00:00:00 2001
From: Andrew Zambazos <62979495+Bobbybear007@users.noreply.github.com>
Date: Wed, 13 May 2026 21:11:17 +1200
Subject: [PATCH] Updated pushing icon, and removed autofill box

---
 frontend/css/components.css | 25 +++++++++++++++++++++----
 frontend/js/app.js          | 13 +++++++++++++
 2 files changed, 34 insertions(+), 4 deletions(-)

diff --git a/frontend/css/components.css b/frontend/css/components.css
index 2cc5000..87d0fbc 100644
--- a/frontend/css/components.css
+++ b/frontend/css/components.css
@@ -464,26 +464,43 @@
 }
 
 .gd-sync-icon {
+  position: relative;
   color: var(--text-muted);
   flex-shrink: 0;
   display: flex;
   align-items: center;
-  transition: color 0.16s ease, transform 0.16s ease;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  transition: color 0.16s ease;
 }
 
 .gd-sync-btn:hover:not(:disabled) .gd-sync-icon {
   color: var(--accent);
 }
 
-.gd-sync-btn.is-loading .gd-sync-icon {
-  animation: gd-sync-spin 1s linear infinite;
+.gd-sync-icon::before {
+  content: "";
+  position: absolute;
+  inset: 1px;
+  border: 2px solid transparent;
+  border-top-color: var(--accent);
+  border-right-color: var(--accent);
+  border-radius: 999px;
+  opacity: 0;
+  transform: rotate(0deg);
+}
+
+.gd-sync-btn.is-loading .gd-sync-icon::before {
+  opacity: 1;
+  animation: gd-sync-progress 0.9s linear infinite;
 }
 
 .gd-sync-btn.is-loading .gd-cell-copy {
   opacity: 0.82;
 }
 
-@keyframes gd-sync-spin {
+@keyframes gd-sync-progress {
   from {
     transform: rotate(0deg);
   }
diff --git a/frontend/js/app.js b/frontend/js/app.js
index 8c91271..d89224d 100644
--- a/frontend/js/app.js
+++ b/frontend/js/app.js
@@ -57,6 +57,16 @@ const defaultBranchName = "main";
 const DEFAULT_EDITOR_VALUE = "__default_code__";
 const CUSTOM_EDITOR_VALUE = "__custom__";
 
+function disableInputAutocomplete(root = document) {
+  root.querySelectorAll("input, textarea").forEach((field) => {
+    if (field instanceof HTMLInputElement && ["button", "checkbox", "file", "hidden", "radio", "reset", "submit"].includes(field.type)) {
+      return;
+    }
+
+    field.setAttribute("autocomplete", field instanceof HTMLInputElement && field.type === "password" ? "new-password" : "off");
+  });
+}
+
 function escapeSvgAttr(value = "") {
   return String(value)
     .replaceAll("&", "&amp;")
@@ -895,6 +905,7 @@ function welcomeView() {
       </div>
     </div>
   `;
+  disableInputAutocomplete(appRoot);
   bindServerFormEvents();
 }
 
@@ -1653,6 +1664,7 @@ function dashboardView() {
     ${branchDialogTemplate(state, displayBranchName)}
   `;
 
+  disableInputAutocomplete(appRoot);
   bindDashboardEvents();
 }
 
@@ -1727,6 +1739,7 @@ function openServerForm(serverId = null) {
 
   const server = getState().settings.servers.find((item) => item.id === serverId) || null;
   slot.innerHTML = serverFormTemplate(server);
+  disableInputAutocomplete(slot);
   bindServerFormEvents(server);
 }