From 2da27cb5c291b3e9893d289af077a0456d32fc1f Mon Sep 17 00:00:00 2001
From: neon <18559658+neonsolstice@users.noreply.github.com>
Date: Sun, 20 Sep 2026 17:36:19 +0000
Subject: [PATCH] fix(settings): stop cropping the sidebar search placeholder

Reserve the clear button's 32px of right padding only while it renders,
which leaves the placeholder 124px instead of 102px at the default
sidebar width. Add text-ellipsis so longer translations end in an
ellipsis rather than a sliced glyph, and hide the native WebKit search
cancel button that doubled up with our own.
---
 client/src/features/settings/components/SettingsNav.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/client/src/features/settings/components/SettingsNav.vue b/client/src/features/settings/components/SettingsNav.vue
index 4ac4ac28a..6054af81c 100644
--- a/client/src/features/settings/components/SettingsNav.vue
+++ b/client/src/features/settings/components/SettingsNav.vue
@@ -165,7 +165,8 @@ defineExpose({ focusSearch })
           ref="searchInput"
           v-model="query"
           type="search"
-          class="h-9 w-full min-w-0 rounded-md border border-input bg-background pl-8 pr-8 text-sm shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+          class="h-9 w-full min-w-0 overflow-hidden text-ellipsis rounded-md border border-input bg-background pl-8 text-sm shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&::-webkit-search-cancel-button]:hidden"
+          :class="isSearching ? 'pr-8' : 'pr-2.5'"
           :placeholder="t('settings.nav.searchPlaceholder')"
           :aria-label="t('settings.nav.searchPlaceholder')"
           data-testid="settings-nav-search"