Browse Source

Styles du bouton afficher/masquer le mot de passe

Modification de la taille du champ password, mise en place du bouton à droite de celui-ci, styles similaires au bouton "submit".
issue_4872
MathieuAlphamosa 3 months ago
parent
commit
8d89eb5737
  1. 37
      prive/themes/spip/login_prive.css

37
prive/themes/spip/login_prive.css

@ -161,6 +161,43 @@ input.text:focus{
margin-bottom: 1em;
}
.page_login input.password {
float: left;
width: calc(100% - 44px);
}
.page_login button.password_basculer_visibilite {
float: left;
width: 40px;
height: 2.5em;
margin: 0;
margin-left: 4px;
padding: 7px 5px 4px;
font-size: 1.2em;
color: black;
border: 0px;
border-radius: 4px;
background-color: var(--spip-login-color-gray-light);
cursor: pointer;
transition: 0.2s background-color;
-webkit-appearance: none;
}
.page_login button.password_basculer_visibilite:hover,
.page_login button.password_basculer_visibilite:focus {
background-color: white;
}
.page_login button.password_basculer_visibilite svg.oeil_ouvert {
display: inline-block;
}
.page_login button.password_basculer_visibilite svg.oeil_ferme {
display: none;
}
.page_login button.password_basculer_visibilite.password_visible svg.oeil_ouvert {
display: none;
}
.page_login button.password_basculer_visibilite.password_visible svg.oeil_ferme {
display: inline-block;
}
.page_login p.details {
font-size: 85%;
text-align: right;

Loading…
Cancel
Save