From 1b139051951b7d868359b4bd00629a5848c07e2a Mon Sep 17 00:00:00 2001
From: Nachtalb <info@nachtalb.io>
Date: Tue, 13 Apr 2021 01:06:30 +0200
Subject: [PATCH] Improved search header

- Highlight both channel and search query
- By moving search query to topic we can ensure nice behaviour for long search queries (eg. when searching for an url)
---
 client/components/Windows/SearchResults.vue | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/client/components/Windows/SearchResults.vue b/client/components/Windows/SearchResults.vue
index 5bf26984..732622a2 100644
--- a/client/components/Windows/SearchResults.vue
+++ b/client/components/Windows/SearchResults.vue
@@ -17,10 +17,10 @@
 				<div class="header">
 					<SidebarToggle />
 					<span class="title"
-						>Search results for "{{ $route.query.q }}" in
-						{{ $route.params.target }}</span
+						>Searching in
+						<span class="channel-name">{{ $route.params.target }}</span> for</span
 					>
-					<span class="topic"></span>
+					<span class="topic">{{ $route.query.q }}</span>
 					<MessageSearchForm :network="network" :channel="channel" />
 				</div>
 				<div class="chat-content">
@@ -80,6 +80,12 @@
 	</div>
 </template>
 
+<style>
+.channel-name {
+	font-weight: 700;
+}
+</style>
+
 <script>
 import socket from "../../js/socket";