remove outline on click, disable active outline, add aria-label to nav steps

This commit is contained in:
Tykayn 2022-02-14 11:06:17 +01:00 committed by tykayn
parent ec6abfb680
commit c52153770d
3 changed files with 9 additions and 5 deletions

View File

@ -3,6 +3,7 @@
<button <button
*ngIf="display_previous_button" *ngIf="display_previous_button"
class="button-previous is-secondary" class="button-previous is-secondary"
[attr.aria-label]="'nav.previous' | translate"
[routerLink]="['/administration/step/' + previous_step_number]" [routerLink]="['/administration/step/' + previous_step_number]"
> >
{{ 'nav.previous' | translate }} {{ 'nav.previous' | translate }}
@ -11,6 +12,7 @@
<button <button
*ngIf="display_next_button" *ngIf="display_next_button"
class="button-next pull-right" class="button-next pull-right"
[attr.aria-label]="(is_finish_step ? 'nav.save' : 'nav.next') | translate"
[ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }" [ngClass]="{ 'is-finish': is_finish_step, 'is-primary': !is_finish_step }"
[routerLink]="['/administration/step/' + next_step_number]" [routerLink]="['/administration/step/' + next_step_number]"
(click)="runNextAction()" (click)="runNextAction()"

View File

@ -1,9 +1,12 @@
<div class="selector language-selector-container"> <div class="selector language-selector-container">
<button id="lang_button_popup{{ idSuffix }}" class="lang-button" (click)="openDialogLang()"> <button
id="lang_button_popup{{ idSuffix }}"
class="lang-button"
(click)="openDialogLang()"
[attr.aria-label]="'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate"
>
<i class="fa fa-language"></i> <i class="fa fa-language"></i>
{{ 'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate }} {{ 'LANGUAGES_SHORT.' + currentLang.toUpperCase() | translate }}
<!-- <i class="fa fa-language lang-selector-icon clickable" ></i>-->
<!-- <i class="fa fa-chevron-down"></i>-->
</button> </button>
<p-dialog <p-dialog
[modal]="true" [modal]="true"

View File

@ -1,6 +1,5 @@
.outlined { .outlined {
&:focus, &:focus {
&:active {
outline: black; outline: black;
outline-style: solid; outline-style: solid;
} }