George Kalpakas
089a634053
Previously, the API list container (in the template of the `<aio-api-list>` component) had three different CSS classes (`.api-list-container`, `.docs-content`, `.l-content-small`) that were all used for styling it. This seemed unnecessary and made it more difficult to see what styles were applied to the container. This commit removes the extra classes and consolidates the styles under the `.api-list-container` class (which was the most descriptive one). PR Close #40704
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($any($event.target).value)" aria-label="Filter Search">
|
|
<i class="material-icons">search</i>
|
|
</div>
|
|
</div>
|
|
|
|
<article class="api-list-container">
|
|
<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 && 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>
|