From 8f1f9a8210c8bf09c3770a18ee85dd6a78b371eb Mon Sep 17 00:00:00 2001
From: vednoc <vednoc@protonmail.com>
Date: Tue, 2 Jul 2024 01:22:23 +0200
Subject: [PATCH] feat(ui): add a link to docs in category hints

Ref #308
---
 web/views/style/add.tmpl    |  5 ++++-
 web/views/style/edit.tmpl   |  5 ++++-
 web/views/style/import.tmpl | 10 ++++++++--
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/web/views/style/add.tmpl b/web/views/style/add.tmpl
index 1b04dca8..b24c85f0 100644
--- a/web/views/style/add.tmpl
+++ b/web/views/style/add.tmpl
@@ -92,7 +92,10 @@
 		placeholder="e.g. CC Zero">
 
 	<label for="category">Category</label>
-	<i class="fg:3" id="category-hint">Domain name of website that your userstyle applies to.</i>
+	<i class="fg:3" id="category-hint">
+		Domain name of website that your userstyle applies to.
+		<a href="/docs/faq#why-my-userstyle-doesnt-show-up-in-stylus-inline-search">Read more.</a>
+	</i>
 	<input
 		required maxlength="255"
 		type="text" name="category" id="category"
diff --git a/web/views/style/edit.tmpl b/web/views/style/edit.tmpl
index daaa6f38..9e29c1eb 100644
--- a/web/views/style/edit.tmpl
+++ b/web/views/style/edit.tmpl
@@ -112,7 +112,10 @@
 		placeholder="e.g. CC Zero">
 
 	<label for="category">Category</label>
-	<i class="fg:3" id="category-hint">Domain name of website that your userstyle applies to.</i>
+	<i class="fg:3" id="category-hint">
+		Domain name of website that your userstyle applies to.
+		<a href="/docs/faq#why-my-userstyle-doesnt-show-up-in-stylus-inline-search">Read more.</a>
+	</i>
 	<input
 		required maxlength="255"
 		type="text" name="category" id="category"
diff --git a/web/views/style/import.tmpl b/web/views/style/import.tmpl
index 379462d4..e9389bae 100644
--- a/web/views/style/import.tmpl
+++ b/web/views/style/import.tmpl
@@ -88,7 +88,10 @@
 			placeholder="e.g. CC Zero">
 
 		<label for="category">Category</label>
-		<i class="fg:3" id="category-hint">Domain name of website that your userstyle applies to.</i>
+		<i class="fg:3" id="category-hint">
+            Domain name of website that your userstyle applies to.
+            <a href="/docs/faq#why-my-userstyle-doesnt-show-up-in-stylus-inline-search">Read more.</a>
+        </i>
 		<input
 			required maxlength="255"
 			type="text" name="category" id="category"
@@ -179,7 +182,10 @@
 
 		<label for="category">Category</label>
 		<i class="fg:3">Skip this step if importing from USo-archive.</i><br>
-		<i class="fg:3" id="category-hint">Domain name of website that your userstyle applies to.</i>
+		<i class="fg:3" id="category-hint">
+            Domain name of website that your userstyle applies to.
+            <a href="/docs/faq#why-my-userstyle-doesnt-show-up-in-stylus-inline-search">Read more.</a>
+        </i>
 		<input
 			type="text" name="category" id="category"
 			aria-describedby="category-hint"