Hide footer when input are beeing focused on mobile

RecyLife · Oct 14, 2024 · 682a4df · 682a4df
1 parent d4ba7db
commit 682a4df
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/scripts/script.js b/scripts/script.js
@@ -137,4 +137,4 @@ Colonne: ${colno}
 
     // Empêche l'affichage de l'erreur dans la console du navigateur
     event.preventDefault();
-});
+});
diff --git a/styles/contact.css b/styles/contact.css
@@ -122,3 +122,9 @@
         font-size: 16px;
     }
 }
+
+@media (pointer: coarse) {
+    .contact-form:focus-within ~ .footer {
+        display: none;
+    }
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -137,4 +137,4 @@ Colonne: ${colno} @@
         // Empêche l'affichage de l'erreur dans la console du navigateur
         event.preventDefault();
-    });
+    });