fix issue with not unique ids

This commit is contained in:
Giuseppe Digilio
2021-07-08 17:46:04 +02:00
parent 3b264015cb
commit 186e420db5
4 changed files with 7 additions and 7 deletions

View File

@@ -1,7 +1,7 @@
<div id="search-navbar-container" [title]="'nav.search' | translate" (dsClickOutside)="collapse()">
<div class="d-inline-block position-relative">
<form [formGroup]="searchForm" (ngSubmit)="onSubmit(searchForm.value)" autocomplete="on">
<input #searchInput [@toggleAnimation]="isExpanded" [attr.aria-label]="('nav.search' | translate)" id="query" name="query"
<input #searchInput [@toggleAnimation]="isExpanded" [attr.aria-label]="('nav.search' | translate)" name="query"
formControlName="query" type="text" placeholder="{{searchExpanded ? ('nav.search' | translate) : ''}}"
class="d-inline-block bg-transparent position-absolute form-control dropdown-menu-right p-1">
<a class="submit-icon" [routerLink]="" (click)="searchExpanded ? onSubmit(searchForm.value) : expand()">

View File

@@ -17,7 +17,7 @@ a.submit-icon {
}
@media screen and (max-width: map-get($grid-breakpoints, md)) {
#query:focus {
.query:focus {
max-width: 250px !important;
width: 40vw !important;
}

View File

@@ -12,7 +12,7 @@
</div>
</li>
<li *ngIf="!(isAuthenticated | async) && (isXsOrSm$ | async)" class="nav-item">
<a id="loginLink" routerLink="/login" routerLinkActive="active" class="px-1">
<a routerLink="/login" routerLinkActive="active" class="px-1">
{{ 'nav.login' | translate }}<span class="sr-only">(current)</span>
</a>
</li>

View File

@@ -1,8 +1,8 @@
<form class="form-login"
(ngSubmit)="submit()"
[formGroup]="form" novalidate>
<label for="inputEmail" class="sr-only">{{"login.form.email" | translate}}</label>
<input id="inputEmail"
<label class="sr-only">{{"login.form.email" | translate}}</label>
<input [attr.aria-label]="'login.form.email' |translate"
autocomplete="off"
autofocus
class="form-control form-control-lg position-relative"
@@ -10,8 +10,8 @@
placeholder="{{'login.form.email' | translate}}"
required
type="email">
<label for="inputPassword" class="sr-only">{{"login.form.password" | translate}}</label>
<input id="inputPassword"
<label class="sr-only">{{"login.form.password" | translate}}</label>
<input [attr.aria-label]="'login.form.password' |translate"
autocomplete="off"
class="form-control form-control-lg position-relative mb-3"
placeholder="{{'login.form.password' | translate}}"