Visualisation du mot de passe


Cette page ne doit être appliquée que si le script vous demande de passer la migration manuelle code.20250725.Web.TogglePasswordVisibility

Dans chaque formulaire de connexion, il est maintenant possible d'afficher ou masquer le mot de passe, au moyen d'un bouton au niveau du champ mot de passe.

Si votre charte n'étend pas une charte noyau et qu'il est possible de se connecter sur votre site (extranet ou intranet), vous devrez intégrer ce nouveau bouton qui par défaut s'affichera comme dans l'exemple ci-dessous:

Voici un exemple de css à rajouter pour remplacer le texte Afficher/Masquer par un icône "oeil" / "oeil barré"

.login-input-wrapper-password {
    /* Hide password reveal button in MS Edge */
    input::-ms-reveal {
          display: none;
  }

   .toggle-visibility {
       width: 1.2em;
       font-size: 1.2em;
     color: #6c6c6c;
       
       &:before {
          font-family: "Font Awesome 6 Free";
           content: "\f06e";
          }
              
          &.hide {
              &:before {
                  content: "\f070";
              }
          }
                  
         span {
            position: absolute;
              height: 1px;
              width: 1px;
              overflow: hidden;
              white-space: nowrap;
              clip: rect(0 0 0 0);
              clip-path: inset(50%);
         }
    }
}

A noter que cette migration a peut-être déjà été passée lors d'un upgrade 4.9.0 vers 4.9.1

Retour en haut