Skip to content

Commit 473ff90

Browse files
naaa760nehaangelplusultratimothycarambat
authored
fix: resolve Firefox search icon overlapping placeholder text (#4390)
* fix: resolve Firefox search icon overlapping placeholder text - Increase input left padding from pl-4 to pl-9 to provide clearance - Remove redundant placeholder:pl-4 class - Ensures 24px spacing between search icon and text content * Update SearchBox component to adjust padding on focus state --------- Co-authored-by: neha <[email protected]> Co-authored-by: angelplusultra <[email protected]> Co-authored-by: Timothy Carambat <[email protected]>
1 parent 2226f29 commit 473ff90

File tree

1 file changed

+1
-1
lines changed
  • frontend/src/components/Sidebar/SearchBox

1 file changed

+1
-1
lines changed

frontend/src/components/Sidebar/SearchBox/index.jsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ export default function SearchBox({ user, showNewWsModal }) {
6161
onChange={handleSearch}
6262
onReset={handleReset}
6363
onFocus={(e) => e.target.select()}
64-
className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-4 pr-1 placeholder:text-theme-settings-input-placeholder placeholder:pl-4 outline-none text-white search-input peer text-sm"
64+
className="border-none w-full h-full rounded-lg bg-theme-sidebar-item-default pl-9 focus:pl-4 pr-1 placeholder:text-theme-settings-input-placeholder outline-none text-white search-input peer text-sm"
6565
/>
6666
<MagnifyingGlass
6767
size={14}

0 commit comments

Comments
 (0)