Change transitions & Fix input focus border color

vanarok · Aug 3, 2024 · a60953f · a60953f
1 parent ea977f9
commit a60953f
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/entrypoints/sidepanel/style.css b/entrypoints/sidepanel/style.css
@@ -83,12 +83,11 @@ input {
     box-sizing: border-box;
 }
 
-input :hover {
+input[type='text']:hover {
     border-color: #646cff;
 }
-
-input:focus,
-input:focus-visible {
+input[type='text']:focus,
+input[type='text']:focus-visible {
     outline: 4px auto -webkit-focus-ring-color;
 }
 
@@ -177,7 +176,7 @@ option:focus-visible {
 
 .v-enter-active,
 .v-leave-active {
-    transition: opacity 0.1s ease;
+    transition: opacity 0.1s;
 }
 
 .v-enter-from,
@@ -195,7 +194,7 @@ option:focus-visible {
 .list-move, /* apply transition to moving elements */
 .list-enter-active,
 .list-leave-active {
-    transition: all 0.3s ease;
+    transition: all 0.25s;
 }
 
 .list-enter-from,