deblan/pdnsmanager
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Improve styling of search component

Browse source
This commit is contained in:
Lukas Metzger 2018-04-11 09:44:46 +02:00
parent 6342e48742
commit a0548c0e01
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/src/app/partials/search/search.component.html
View file

@ -4,7 +4,7 @@
<div class="dropdown-menu" [class.show]="open">
<span *ngIf="hintText()" class="dropdown-item font-italic">{{ hintText() }}
</span>
<span *ngFor="let result of searchResults; let i=index" class="dropdown-item cursor-pointer" [class.active]="i === 0"
<span *ngFor="let result of searchResults; let i=index" class="dropdown-item cursor-pointer" [class.dropdown-item-hover]="i === 0"
(click)="onClick(result.id)">{{ result.text }}</span>
</div>
</div>

4
frontend/src/styles.scss
View file

@ -27,6 +27,10 @@ $sizes: (
@import '~bootstrap/scss/bootstrap.scss';
.dropdown-item-hover {
@extend .dropdown-item:hover;
}
/* Add font awesome */
$fa-font-path: "~font-awesome/fonts";
@import '~font-awesome/scss/font-awesome';