Added search by voice input

2018-04-20 20:16:59 +02:00
parent 43d4452554
commit 16cc544314
4 changed files with 159 additions and 2 deletions
--- a/layout/sidebar/sidebar.pixy
+++ b/layout/sidebar/sidebar.pixy
@ -21,6 +21,8 @@ component Sidebar(user *arn.User)
 			.sidebar-button
 				Icon("search")
 				FuzzySearch
+				.speech-input.action(data-action="searchBySpeech", data-trigger="click", title="Voice input")
+					RawIcon("microphone")

 		//- Sidebar buttons
 		if user != nil
--- a/layout/sidebar/sidebar.scarlet
+++ b/layout/sidebar/sidebar.scarlet
@ -102,3 +102,16 @@ const sidebar-spacing-y = 0.7rem
 		background badge-important-hover-bg-color
 		color badge-important-text-color
 		text-shadow none
+
+// Microphone icon
+.speech-input
+	opacity 0.5
+	default-transition
+
+	:hover
+		cursor pointer
+		opacity 1
+
+.speech-listening
+	color link-hover-color
+	opacity 1