diff options
Diffstat (limited to 'client/src/app/header')
-rw-r--r-- | client/src/app/header/search-typeahead.component.html | 2 | ||||
-rw-r--r-- | client/src/app/header/search-typeahead.component.scss | 8 | ||||
-rw-r--r-- | client/src/app/header/suggestion.component.html | 2 |
3 files changed, 5 insertions, 7 deletions
diff --git a/client/src/app/header/search-typeahead.component.html b/client/src/app/header/search-typeahead.component.html index 4355b67af..548da59bb 100644 --- a/client/src/app/header/search-typeahead.component.html +++ b/client/src/app/header/search-typeahead.component.html | |||
@@ -4,7 +4,7 @@ | |||
4 | [(ngModel)]="search" (ngModelChange)="onSearchChange()" (keydown)="handleKey($event)" (keydown.enter)="doSearch()" | 4 | [(ngModel)]="search" (ngModelChange)="onSearchChange()" (keydown)="handleKey($event)" (keydown.enter)="doSearch()" |
5 | aria-label="Search" autocomplete="off" | 5 | aria-label="Search" autocomplete="off" |
6 | > | 6 | > |
7 | <span class="icon icon-search" (click)="doSearch()"></span> | 7 | <my-global-icon iconName="search" class="icon icon-search" role="button" (click)="doSearch()" (keydown.enter)="doSearch()"></my-global-icon> |
8 | 8 | ||
9 | <div class="position-absolute jump-to-suggestions"> | 9 | <div class="position-absolute jump-to-suggestions"> |
10 | 10 | ||
diff --git a/client/src/app/header/search-typeahead.component.scss b/client/src/app/header/search-typeahead.component.scss index 920aa61ae..87e8b8c70 100644 --- a/client/src/app/header/search-typeahead.component.scss +++ b/client/src/app/header/search-typeahead.component.scss | |||
@@ -16,15 +16,13 @@ | |||
16 | 16 | ||
17 | .icon.icon-search { | 17 | .icon.icon-search { |
18 | @include icon(25px); | 18 | @include icon(25px); |
19 | height: 21px; | 19 | height: 18px; |
20 | |||
21 | background-color: pvar(--mainForegroundColor); | ||
22 | mask: url('../../assets/images/header/search.svg') no-repeat 50% 50%; | ||
23 | 20 | ||
24 | // yolo | 21 | // yolo |
25 | position: absolute; | 22 | position: absolute; |
26 | margin-left: -35px; | 23 | margin-left: -35px; |
27 | margin-top: 5px; | 24 | margin-top: 3.5px; |
25 | right: 10px; | ||
28 | } | 26 | } |
29 | 27 | ||
30 | .jump-to-suggestions { | 28 | .jump-to-suggestions { |
diff --git a/client/src/app/header/suggestion.component.html b/client/src/app/header/suggestion.component.html index ab4b4b678..4ac9809e1 100644 --- a/client/src/app/header/suggestion.component.html +++ b/client/src/app/header/suggestion.component.html | |||
@@ -11,7 +11,7 @@ | |||
11 | ></div> | 11 | ></div> |
12 | 12 | ||
13 | <div class="border rounded flex-shrink-0 px-1 bg-gray text-gray-light ml-1 f6"> | 13 | <div class="border rounded flex-shrink-0 px-1 bg-gray text-gray-light ml-1 f6"> |
14 | <span *ngIf="result.type === 'search-instance'" i18n>In this instance</span> | 14 | <span *ngIf="result.type === 'search-instance'" i18n>In this instance's network</span> |
15 | <span *ngIf="result.type === 'search-index'" i18n>In the vidiverse</span> | 15 | <span *ngIf="result.type === 'search-index'" i18n>In the vidiverse</span> |
16 | </div> | 16 | </div> |
17 | </a> | 17 | </a> |