From 04ac27ea04b0d3815e6ab45bdf83a256df6bddad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Zo=C3=AB?= <code@moiety.me>
Date: Fri, 2 May 2025 17:44:21 +0200
Subject: [PATCH] fix: only transition form control colors

the blanket statement `all` causes some weird animations when resizing the page. setting this to only transition specific properties fixes this.
---
 public/assets/css/global/forms.css | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/public/assets/css/global/forms.css b/public/assets/css/global/forms.css
index 7d7ec02..26caf39 100644
--- a/public/assets/css/global/forms.css
+++ b/public/assets/css/global/forms.css
@@ -8,7 +8,8 @@ input[type="text"] {
   display: inline-block;
   background: var(--white);
   color: var(--primary);
-  transition: all 0.2s linear;
+  transition: 0.2s linear;
+  transition-property: color, background-color;
   height: 30px;
 }
 
@@ -42,7 +43,8 @@ input[type="submit"] {
   position: relative;
   cursor: pointer;
   border: 0;
-  transition: all 0.3s linear;
+  transition: 0.3s linear;
+  transition-property: color, background-color;
   height: 35px;
   margin-top: 15px;
 }