Features/us158 423 harmonize buttons gaz water

Commit un peu complexe :

1. explication du commit principal

Yoan a developpé un formulaire KOauth ayant apparemment en tête que le formulaire est uniquement utilisé pour les Konnecteurs avec Oauth. Or on a décidé qu'on doit se baser sur ce formulaire. Malheureusement, le nommage des components et variables et css sont clairement utilisés pour oauth, et il y a une distinction claire entre le formulaire Oauth et celui de classique.

Au lieu de les fusionner en un seul component, j'ai préféré et pensé plus prudent que la distinction reste ainsi pour faciliter les futurs devs.

Alors, je me suis fortement inspiré du formulaire KOauth pour transformer le formulaire classique, en outre, de nombreux élément ont été copiés, avec pour seuls changement le nom des éléments, par exemple :

StyledNoOauthButton (calqué sur StyleOauthButton) _noauth.scss (calqué sur _oauth.scss)

2. Bug non résolu proprement

Il y a un bug dont je n'arrive pas à résoudre proprement, et j'ai été obligé d'utiliser une artifice moche : il s'agit du saut de ligne dans KonnectorForm.tsx à la ligne 130. En principe, le saut de ligne doit être automatique grâce au style css, mais cela n'a pas fonctionné pour cette partie, alors j'ai ajouté un saut ligne brute ( < / br > ) pour faire une espace entre le bouton et le texte.

Si quelqu'un d'entre vous a une solution, vous pouvez le faire.

src/styles/components/_form.scss

@@ -19,6 +19,11 @@
     border-radius: 4px;
     color: $google-text-1;
     padding: 0 5%;
+    outline-offset: -1px;
+  }
+  .form-input:focus{
+    outline: none;
+    box-shadow: inset 0px 0px 0px 1px $gold-shadow;
   }
   .form-group {
     display: flex;