3a09d01c63
- Add more spacing to inputs. - Correct placeholder colors in inputs. - Add aria label to input for accessibility. - Clean up layout styles and mobile view. Fixes #31265 PR Close #31272
38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
<div class="l-flex-wrap api-filter">
|
|
|
|
<aio-select (change)="setType($event.option)"
|
|
[options]="types"
|
|
[selected]="type"
|
|
[showSymbol]="true"
|
|
label="Type:">
|
|
</aio-select>
|
|
|
|
<aio-select (change)="setStatus($event.option)"
|
|
[options]="statuses"
|
|
[selected]="status"
|
|
[disabled]="type.value === 'package'"
|
|
label="Status:">
|
|
</aio-select>
|
|
|
|
<div class="form-search">
|
|
<input #filter placeholder="Filter" (input)="setQuery($event.target.value)" aria-label="Filter Search">
|
|
<i class="material-icons">search</i>
|
|
</div>
|
|
</div>
|
|
|
|
<article class="api-list-container l-content-small docs-content">
|
|
<div *ngFor="let section of filteredSections | async" >
|
|
<h2 *ngIf="section.items"><a [href]="section.path" [class.deprecated-api-item]="section.deprecated">{{section.title}}</a></h2>
|
|
<ul class="api-list" *ngIf="section.items?.length">
|
|
<ng-container *ngFor="let item of section.items">
|
|
<li class="api-item">
|
|
<a [href]="item.path" [class.deprecated-api-item]="item.stability === 'deprecated'">
|
|
<span class="symbol {{item.docType}}"></span>
|
|
{{item.title}}
|
|
</a>
|
|
</li>
|
|
</ng-container>
|
|
</ul>
|
|
</div>
|
|
</article>
|