aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/src/app/header
diff options
context:
space:
mode:
authorRigel Kent <sendmemail@rigelk.eu>2020-06-30 11:21:04 +0200
committerRigel Kent <par@rigelk.eu>2020-07-01 17:03:48 +0200
commitc41c0e28ed444fdb427f9803d2f123ba6f535fb9 (patch)
treec02558445dc13281a78321731061131b67253244 /client/src/app/header
parent9b01cfc788a6ed525d72620da9f9e607b8d6396e (diff)
downloadPeerTube-c41c0e28ed444fdb427f9803d2f123ba6f535fb9.tar.gz
PeerTube-c41c0e28ed444fdb427f9803d2f123ba6f535fb9.tar.zst
PeerTube-c41c0e28ed444fdb427f9803d2f123ba6f535fb9.zip
switch from softies to feathericons
also organize icons in folders per origin
Diffstat (limited to 'client/src/app/header')
-rw-r--r--client/src/app/header/search-typeahead.component.html2
-rw-r--r--client/src/app/header/search-typeahead.component.scss8
-rw-r--r--client/src/app/header/suggestion.component.html2
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>