#85 - clean up styles in search interface
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
066e7b85ee
commit
ce4c524c54
@ -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..."
|
||||
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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 => {
|
||||
|
Loading…
Reference in New Issue
Block a user