CSS code optimize & re-order

PRO-2684 · Jul 29, 2024 · a354cc5 · a354cc5
1 parent f13de2d
commit a354cc5
Showing 1 changed file with 13 additions and 18 deletions.
diff --git a/settings.html b/settings.html
@@ -12,29 +12,15 @@
 
     /* 文件选择框 */
     .transitio input {
-        &[type="number"], &[type="search"] {
-            border: 1px solid gray;
-            border-radius: 0.5em;
-            padding-left: 0.5em;
-        }
-        &#transitio-search {
-            float: right;
-            padding-top: 0.1em;
-            padding-bottom: 0.1em;
-            scroll-margin-top: 3em; /* Prevent overlapping with logo */
-        }
         &[type="file"] {
             border-color: var(--fill_standard_primary);
             border-style: dashed;
             border-radius: 0.5em;
             padding: 0.5em;
             transition: border-color 0.2s ease-in-out;
-
-            &:focus,
-            &:hover {
-                border: dashed var(--text_secondary) !important;
+            &:focus, &:hover {
+                border-color: var(--text_secondary);
             }
-
             &::file-selector-button {
                 background-color: transparent;
                 border-radius: 8px;
@@ -43,16 +29,25 @@
                 border-color: var(--fill_standard_primary);
                 height: 2em;
                 transition: background-color 0.2s ease-in-out;
-
             }
-
             &::file-selector-button:hover {
                 background-color: var(--overlay_hover);
             }
         }
         &[type="checkbox"] {
             appearance: auto;
         }
+        &[type="number"], &[type="search"] {
+            border: 1px solid gray;
+            border-radius: 0.5em;
+            padding-left: 0.5em;
+        }
+        &#transitio-search {
+            float: right;
+            padding-top: 0.1em;
+            padding-bottom: 0.1em;
+            scroll-margin-top: 3em; /* Prevent overlapping with logo */
+        }
         &:invalid {
             border-color: red;
         }