diff --git a/src/app/login/login.component.scss b/src/app/login/login.component.scss index ee16fcfecabacc4cfc912cbb9005b70a04835146..b9e99f8bf866e04ba4aa08b267c5cb309874c46b 100644 --- a/src/app/login/login.component.scss +++ b/src/app/login/login.component.scss @@ -18,7 +18,6 @@ flex-direction: column; gap: 40px; align-items: center; - overflow-y: auto; width: 100%; max-width: 980px; color: $grey-1; diff --git a/src/app/shared/components/input/input.component.html b/src/app/shared/components/input/input.component.html index 49a47ebf4a19a90212d7b0c1000eb201093a0118..7bcaf6453b2f46c5fc96ee3946c6658612fe0af5 100644 --- a/src/app/shared/components/input/input.component.html +++ b/src/app/shared/components/input/input.component.html @@ -20,12 +20,21 @@ (blur)="onFinishedEditing()" (keyup.enter)="onFinishedEditing()" /> - <div *ngIf="hasIconInField && !readonly" class="iconInField"> - <svg (click)="toggleShowPassword()"> + <button + *ngIf="hasIconInField && !readonly" + type="button" + class="iconInField" + role="switch" + [attr.aria-checked]="type === 'text'" + [attr.aria-label]="type !== 'text' ? 'Afficher le mot de passe' : 'Masquer le mot de passe'" + (click)="toggleShowPassword()" + (keydown.enter)="toggleShowPassword()" + > + <svg> <use *ngIf="type !== 'text'" [attr.xlink:href]="'assets/form/sprite.svg#visibility'" /> <use *ngIf="type === 'text'" [attr.xlink:href]="'assets/form/sprite.svg#visibility-off'" /> </svg> - </div> + </button> <div *ngIf="hasIconInField && readonly" class="iconInField readonly"> <svg> <use [attr.xlink:href]="'assets/form/sprite.svg#padlock'" /> diff --git a/src/app/shared/components/input/input.component.scss b/src/app/shared/components/input/input.component.scss index 3166f0a888c259dcbd758367f26094a0a8d2759a..b8d4c166b86de44156e206a2e07228e394504e5d 100644 --- a/src/app/shared/components/input/input.component.scss +++ b/src/app/shared/components/input/input.component.scss @@ -59,7 +59,6 @@ input { color: $black; - outline: none; box-sizing: border-box; border-radius: 4px; border: 1px solid $grey-4; @@ -98,6 +97,8 @@ display: flex; justify-content: center; flex-direction: column; + background: transparent; + border: none; svg { cursor: pointer;