feat(ui): add a link to docs in category hints

Ref #308
userstyles-world · Jul 1, 2024 · 8f1f9a8 · 8f1f9a8
1 parent f1d9bb8
commit 8f1f9a8
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git 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
@@ -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
@@ -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"