Skip to content

Commit 9f6baed

Browse files
fix(ui): trunck instead of overflow in search box (#973)
Before: <img width="686" alt="Capture d’écran 2025-02-22 à 11 12 30" src="https://github.com/user-attachments/assets/9192f4b9-6a40-4a7c-b5ba-a0188cb00641" /> After: <img width="686" alt="Capture d’écran 2025-02-22 à 11 13 42" src="https://github.com/user-attachments/assets/a5e3f886-776c-428e-8d99-e0e3407075f5" />
1 parent 616ef6a commit 9f6baed

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

frontend/islands/GlobalSearch.tsx

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -258,6 +258,7 @@ export function GlobalSearch(
258258
: "Search for documentation";
259259
const placeholder = kindPlaceholder +
260260
(macLike !== undefined ? ` (${macLike ? "⌘K" : "Ctrl+K"})` : "");
261+
261262
return (
262263
<div ref={ref} class="pointer-events-auto">
263264
<form
@@ -273,7 +274,7 @@ export function GlobalSearch(
273274
<input
274275
type="search"
275276
name="search"
276-
class={`w-full h-full search-input bg-white/90 ${
277+
class={`w-full h-full search-input bg-white/90 truncate ${
277278
kind === "packages" ? "!text-transparent" : ""
278279
} !caret-black input rounded-r-none ${sizeClasses} relative`}
279280
placeholder={placeholder}

0 commit comments

Comments
 (0)