Ajout des vérifications des types dans les formulaires (adresses, email, telephone)
This commit is contained in:
108
assets/style.css
108
assets/style.css
@@ -3286,3 +3286,111 @@ textarea:disabled {
|
||||
.dsi-token-row { flex-direction: column; align-items: flex-start; }
|
||||
.dsi-pagination { flex-direction: column; }
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
V7.25 - Autocomplétion d'adresse (Base Adresse Nationale)
|
||||
============================================================ */
|
||||
.address-autocomplete {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 6px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.address-autocomplete textarea,
|
||||
.address-autocomplete input {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* La liste flotte au-dessus du formulaire : elle ne doit pas décaler les
|
||||
champs suivants pendant la frappe. */
|
||||
.address-suggestions {
|
||||
position: absolute;
|
||||
z-index: 30;
|
||||
top: 100%;
|
||||
left: 0;
|
||||
right: 0;
|
||||
max-height: 16rem;
|
||||
margin: 4px 0 0;
|
||||
padding: 4px;
|
||||
overflow-y: auto;
|
||||
list-style: none;
|
||||
border: 1px solid #cfd8dc;
|
||||
border-radius: 10px;
|
||||
background: #fff;
|
||||
box-shadow: 0 10px 24px rgba(23, 32, 51, 0.14);
|
||||
}
|
||||
|
||||
.address-suggestions[hidden] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.address-suggestion {
|
||||
padding: 0.5rem 0.6rem;
|
||||
border-radius: 8px;
|
||||
cursor: pointer;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.address-suggestion strong,
|
||||
.address-suggestion small {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.address-suggestion small {
|
||||
margin-top: 0.1rem;
|
||||
color: #6b7280;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.address-suggestion:hover,
|
||||
.address-suggestion.is-active {
|
||||
background: #eef4ff;
|
||||
}
|
||||
|
||||
.address-autocomplete-status {
|
||||
margin: 0;
|
||||
min-height: 1.05rem;
|
||||
color: #6b7280;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.address-status-ok {
|
||||
color: #1b7f3b;
|
||||
}
|
||||
|
||||
.address-status-warning {
|
||||
color: #8a5a00;
|
||||
}
|
||||
|
||||
/* ============================================================
|
||||
V7.26 - Contrôle de format des coordonnées (e-mail, téléphone)
|
||||
============================================================ */
|
||||
.field-format-status {
|
||||
margin: 0;
|
||||
min-height: 1.05rem;
|
||||
color: #6b7280;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.field-format-ok {
|
||||
color: #1b7f3b;
|
||||
}
|
||||
|
||||
.field-format-error {
|
||||
color: #b42318;
|
||||
}
|
||||
|
||||
/* L'erreur n'est marquée qu'après que le champ a été quitté : le module retire
|
||||
la classe tant que la saisie est en cours. */
|
||||
input.field-invalid {
|
||||
border-color: #b42318;
|
||||
background: #fff7f6;
|
||||
}
|
||||
|
||||
input.field-valid {
|
||||
border-color: #1b7f3b;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user