From 0119d6269f0d9c7d2a10c66d5c369894e9ea8962 Mon Sep 17 00:00:00 2001
From: Yohan Quinquis <yohan@cher-ami.tv>
Date: Tue, 8 Apr 2025 10:49:15 +0200
Subject: [PATCH] added basic style and new reset for input autocomplete

---
 apps/front/src/styles/index.scss        | 18 ++++++++++++++++++
 apps/front/src/styles/reset-inline.scss | 15 +++++++++++++++
 2 files changed, 33 insertions(+)

diff --git a/apps/front/src/styles/index.scss b/apps/front/src/styles/index.scss
index a312102..d748ef9 100644
--- a/apps/front/src/styles/index.scss
+++ b/apps/front/src/styles/index.scss
@@ -15,7 +15,25 @@
 
 html {
   font-size: var(--font-size);
+  overscroll-behavior: none;
   -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  scroll-behavior: smooth;
+  -webkit-text-rendering: optimizeSpeed;
+  text-rendering: optimizeSpeed;
+  overflow-x: hidden;
+
+  // TODO CHANGE LATER
+  *::selection, *::target-text {
+    background: var(--color-black);
+    color: var(--color-white);
+  }
+
+  @media screen and (max-width: $breakpoint-bigLaptop-min) {
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    -webkit-tap-highlight-color: transparent;
+  }
+
 }
 
 body {
diff --git a/apps/front/src/styles/reset-inline.scss b/apps/front/src/styles/reset-inline.scss
index f6d162a..ee06875 100644
--- a/apps/front/src/styles/reset-inline.scss
+++ b/apps/front/src/styles/reset-inline.scss
@@ -206,6 +206,21 @@ textarea {
   overflow: visible;
 }
 
+/**
+ * Input autocomplete styling
+ */
+
+input {
+  &:-webkit-autofill,
+  &:-webkit-autofill:hover,
+  &:-webkit-autofill:focus,
+  &:-webkit-autofill:active {
+    -webkit-text-fill-color: inherit !important;
+    -webkit-box-shadow: 0 0 0 1000px transparent inset !important;
+    transition: background-color 5000s linear 0s;
+  }
+}
+
 /**
  * Correct the inability to style clickable types in iOS and Safari.
  */