fhsons/website
fhsons/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Releases Activity

slight styling change

Browse Source
This commit is contained in:
Zakary Timson 2018-07-24 21:14:27 -04:00
parent ee4a6f3fc0
commit 4c9984806c
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/formulaManager/formulaManager.component.html
View File

@ -34,12 +34,12 @@
</div> </div>
</div> </div>
<div class="row mt-3 mb-5"> <div class="row mt-3 mb-5">
<div class="col-12 col-lg-3" style="height: 500px; overflow-y: scroll"> <div class="col-12 col-lg-3">
<mat-form-field class="w-100"> <mat-form-field class="w-100">
<input #search matInput placeholder="Search"> <input #search matInput placeholder="Search">
<mat-icon matSuffix>search</mat-icon> <mat-icon matSuffix>search</mat-icon>
</mat-form-field> </mat-form-field>
<mat-list> <mat-list style="height: 500px; overflow-y: scroll">
<ng-container *ngFor="let f of formulas | async; let i = index"> <ng-container *ngFor="let f of formulas | async; let i = index">
<mat-divider *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1 && i > 0"></mat-divider> <mat-divider *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1 && i > 0"></mat-divider>
<mat-list-item *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1" (click)="displayFormula(f)" [ngClass]="{'active': f.id == formula?.id}"> <mat-list-item *ngIf="f.name.toLowerCase().indexOf(search.value.toLowerCase()) != -1" (click)="displayFormula(f)" [ngClass]="{'active': f.id == formula?.id}">