#85 - clean up styles in search interface
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Garrett Mills 2021-02-18 10:29:27 -06:00
parent 066e7b85ee
commit ce4c524c54
Signed by: garrettmills
GPG Key ID: D2BF5FBA8298F246
3 changed files with 14 additions and 3 deletions

View File

@ -1,4 +1,4 @@
<div class="container" style="display: flex; flex-direction: column; height: 100%;">
<div [ngClass]="'container' + (isDark() ? ' dark' : '')" style="display: flex; flex-direction: column; height: 100%;">
<ion-header class="search-header">
<ion-input
placeholder="Start typing to search..."

View File

@ -12,10 +12,11 @@
.type {
padding: 5px 20px;
border: 1px solid rgba(0,0,0,0);
border-radius: 30px;
&.current-type {
border: 1px solid #ccc;
border-radius: 30px;
}
&:hover {
@ -144,4 +145,10 @@
border: 1px solid var(--noded-background-note-hover);
}
}
}
}
.container.dark {
.types {
color: #eeeeee;
}
}

View File

@ -73,6 +73,10 @@ export class SearchComponent implements OnInit {
await this.ionModalController.dismiss();
}
public isDark() {
return document.body.classList.contains('dark');
}
filterView(name: string) {
this.selectedType = name;
this.results.next((this.allResults.getValue() || []).filter(x => {