Skip to content

Améliorer et uniformiser les champs des formulaires #28

Description

@areox-net

L'aspect des champs de formulaire au long du parcours du MAS est different de celui de l'application Web. Cet aspect prend aussi plus de place à la verticale. Cela n'est pas idéal sur mobile, meme si les labels actuels sont plus lisibles que ceux de Tchap Web.
Le step suivant serait donc d'améliorer la lisibilité des labels sur Tchap Web.

AVANT

Tchap Web
Image

MAS
Image

APRÈS

Image

Il devrait suffir d'ajouter ce custom CSS

.cpd-form-label {
    position: relative;
    top: 14px;
    left: 8px;
    background: var(--cpd-color-bg-canvas-default);
    z-index: 1000;
    font-size: 13px;
    display:unset;
    width:fit-content;
    padding: 0 5px;
    font-weight: normal;
    color: var(--cpd-color-text-secondary);
}
.cpd-form-field {
    margin-top: -12px;
}

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions