diff --git a/src/app/components/board/board.component.scss b/src/app/components/board/board.component.scss index fc00e01..621c43f 100644 --- a/src/app/components/board/board.component.scss +++ b/src/app/components/board/board.component.scss @@ -193,6 +193,12 @@ d-none { .line { right: 35px; } + .icon-clear { + right: 12px; + } + .icon-search { + right: 10px; + } } .btn { diff --git a/src/app/components/board/board.component.ts b/src/app/components/board/board.component.ts index f382b30..701f07d 100644 --- a/src/app/components/board/board.component.ts +++ b/src/app/components/board/board.component.ts @@ -55,6 +55,7 @@ export class BoardComponent { } clearInput() { + this.searchInput = false; this.searchValue = ''; this.searchTask(); } @@ -62,6 +63,8 @@ export class BoardComponent { updateSearchInput() { if (this.searchValue) { this.searchInput = this.searchValue.toLowerCase().length > 0; + } else { + this.searchInput = false; } return this.searchInput; }