feat: rendre le texte de recherche par défaut plus visible (#120)

SocialGouv · Nov 29, 2021 · 1e6ed29 · 1e6ed29
1 parent 28fb515
commit 1e6ed29
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/components/SearchBar.module.scss b/src/components/SearchBar.module.scss
@@ -7,4 +7,15 @@ input.search {
   display: inline-block;
   flex: 1;
   padding: 0 1rem;
+
+  &::placeholder{
+    opacity: .9;
+    text-decoration: underline dotted;
+  }
+
+  &:active, &:hover, &:focus {
+    &::placeholder {
+      opacity: 0.7;
+    }
+  }
 }
diff --git a/src/components/SearchBar.tsx b/src/components/SearchBar.tsx
@@ -14,7 +14,7 @@ const SearchBar: React.FC<Props> = ({ value, onChange }) => {
       <input
         value={value}
         type="text"
-        placeholder="🔍 Rechercher un numéro de dossier, un dossier, une société, un enfant"
+        placeholder="Rechercher un numéro de dossier, un dossier, une société, un enfant…"
         className={styles.search}
         onChange={onChange}
       />