aboutsummaryrefslogtreecommitdiffstats
path: root/apps/web/components
diff options
context:
space:
mode:
authorMohamed Bassem <me@mbassem.com>2025-07-06 22:37:42 +0000
committerMohamed Bassem <me@mbassem.com>2025-07-06 22:37:42 +0000
commitf3b925ad715d1d5f0a8f0f98febe5f5ba5c5111f (patch)
tree575aaead98987e3d43bae0b51e67df74c86e27b1 /apps/web/components
parentdee3a4d44ddb1999e7dec383889246e87f202d92 (diff)
downloadkarakeep-f3b925ad715d1d5f0a8f0f98febe5f5ba5c5111f.tar.zst
fix(web): Clicking on search tooltip opens the search language guide. Fixes #1540
Diffstat (limited to 'apps/web/components')
-rw-r--r--apps/web/components/dashboard/lists/EditListModal.tsx1
-rw-r--r--apps/web/components/dashboard/search/SearchInput.tsx14
2 files changed, 10 insertions, 5 deletions
diff --git a/apps/web/components/dashboard/lists/EditListModal.tsx b/apps/web/components/dashboard/lists/EditListModal.tsx
index 3b35e7d4..467ce1a1 100644
--- a/apps/web/components/dashboard/lists/EditListModal.tsx
+++ b/apps/web/components/dashboard/lists/EditListModal.tsx
@@ -377,6 +377,7 @@ export function EditListModal({
<Link
href="https://docs.karakeep.app/Guides/search-query-language"
className="italic"
+ target="_blank"
>
{t("lists.search_query_help")}
</Link>
diff --git a/apps/web/components/dashboard/search/SearchInput.tsx b/apps/web/components/dashboard/search/SearchInput.tsx
index e60c460c..fad45672 100644
--- a/apps/web/components/dashboard/search/SearchInput.tsx
+++ b/apps/web/components/dashboard/search/SearchInput.tsx
@@ -1,6 +1,7 @@
"use client";
import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
+import Link from "next/link";
import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { useDoBookmarkSearch } from "@/lib/hooks/bookmark-search";
@@ -84,17 +85,20 @@ const SearchInput = React.forwardRef<
query: value,
}}
/>
- <QueryExplainerTooltip
- className="-translate-1/2 absolute right-1.5 top-2 stroke-foreground p-0.5"
- parsedSearchQuery={parsedSearchQuery}
- />
+ <Link
+ href="https://docs.karakeep.app/Guides/search-query-language"
+ target="_blank"
+ className="-translate-1/2 absolute right-1.5 top-2 z-50 stroke-foreground px-0.5"
+ >
+ <QueryExplainerTooltip parsedSearchQuery={parsedSearchQuery} />
+ </Link>
{parsedSearchQuery.result === "full" &&
parsedSearchQuery.text.length == 0 && (
<Button
onClick={() => setNewNestedListModalOpen(true)}
size="none"
variant="secondary"
- className="absolute right-9 top-2 z-50 px-2 py-1 text-xs"
+ className="absolute right-10 top-2 z-50 px-2 py-1 text-xs"
>
{t("actions.save")}
</Button>