From 42f0b6df777af7d31af488273dfa2e22e0ada733 Mon Sep 17 00:00:00 2001
From: KOWX712 <leecc0503@gmail.com>
Date: Tue, 11 Feb 2025 18:31:27 +0800
Subject: [PATCH] revert cubic-bezier animaiton

---
 module/webui/styles/applist.css        | 5 +++--
 module/webui/styles/global.css         | 2 +-
 module/webui/styles/header.css         | 8 ++++----
 module/webui/styles/search_menu.css    | 6 +++---
 module/webui/styles/security-patch.css | 4 +++-
 5 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/module/webui/styles/applist.css b/module/webui/styles/applist.css
index 28a3580..bfc282b 100644
--- a/module/webui/styles/applist.css
+++ b/module/webui/styles/applist.css
@@ -67,6 +67,7 @@
     border-radius: 15px;
     text-align: left;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+    transition: opacity 0.2s ease;
 }
 
 .close-update {
@@ -182,7 +183,7 @@
     border-radius: 50px 50px;
     opacity: 0;
     transform: scale(0);
-    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: all 0.2s ease;
     z-index: 1200;
 }
 
@@ -278,7 +279,7 @@
     border: 2px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
-    transition: border-color 1s ease, transform 0.3s ease, background-color 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: border-color 1s ease, transform 0.3s ease, background-color 0.2s ease;
 }
 
 .tick-symbol {
diff --git a/module/webui/styles/global.css b/module/webui/styles/global.css
index 84268b3..fafe8be 100644
--- a/module/webui/styles/global.css
+++ b/module/webui/styles/global.css
@@ -51,7 +51,7 @@ body {
     width: auto;
     max-width: calc(100% - 40px);
     transform: translateY(100%);
-    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: transform 0.2s ease;
 }
 
 .prompt.error {
diff --git a/module/webui/styles/header.css b/module/webui/styles/header.css
index 7b56a36..24ea18f 100644
--- a/module/webui/styles/header.css
+++ b/module/webui/styles/header.css
@@ -8,7 +8,7 @@
     width: calc(100% - 10px);
     max-width: 1100px;
     background-color: #F5F5F5;
-    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: transform 0.2s ease;
     z-index: 1100;
     margin-left: auto;
     margin-right: auto;
@@ -25,7 +25,7 @@
     left: 0;
     width: 100%;
     z-index: 1100;
-    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: transform 0.4s ease;
     height: var(--window-inset-top);
 }
 
@@ -75,7 +75,7 @@
     overflow-y: auto;
     transform: translateY(-30px) scale(0);
     transform-origin: top right;
-    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: all 0.2s ease;
 }
 
 .language-menu.show {
@@ -149,7 +149,7 @@
     justify-content: center;
     align-items: center;
     opacity: 0;
-    transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: opacity 0.4s ease;
 }
 
 .help-overlay.show {
diff --git a/module/webui/styles/search_menu.css b/module/webui/styles/search_menu.css
index db29331..abcf8b5 100644
--- a/module/webui/styles/search_menu.css
+++ b/module/webui/styles/search_menu.css
@@ -6,7 +6,7 @@
     width: calc(100% - 20px);
     max-width: 1100px;
     z-index: 1000;
-    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: transform 0.4s ease;
     margin-left: auto;
     margin-right: auto;
     left: 0;
@@ -86,7 +86,7 @@
     display: inline-block;
     fill: #000;
     transform: rotate(0deg);
-    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: transform 0.2s ease;
 }
 
 .menu-icon.menu-open {
@@ -110,7 +110,7 @@
     white-space: nowrap;
     visibility: hidden;
     transform: translateX(120%);
-    transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: all 0.2s ease;
     user-select: none;
 }
 
diff --git a/module/webui/styles/security-patch.css b/module/webui/styles/security-patch.css
index 8b450ef..4c77673 100644
--- a/module/webui/styles/security-patch.css
+++ b/module/webui/styles/security-patch.css
@@ -66,7 +66,7 @@
     border: 2px solid #ccc;
     border-radius: 4px;
     box-sizing: border-box;
-    transition: border-color 1s ease, transform 0.3s ease, background-color 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+    transition: border-color 1s ease, transform 0.3s ease, background-color 0.4s ease;
 }
 
 .advanced-toggle .tick-symbol {
@@ -109,6 +109,7 @@
     outline-color: #007bff;
     border-radius: 10px;
     font-size: 16px;
+    transition: border-color 0.2s ease;
 }
 
 .button-container {
@@ -126,6 +127,7 @@
     font-weight: bold;
     position: relative;
     overflow: hidden;
+    transition: background-color 0.2s ease;
 }
 
 .auto-button {