fix: add search filter tooltip and fix checkbox focus

epam · Dec 14, 2023 · 9d97cfb · 9d97cfb
1 parent cd227b9
commit 9d97cfb
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Search/SearchFiltersView.tsx b/src/components/Search/SearchFiltersView.tsx
@@ -22,6 +22,7 @@ import { SettingsSelectors } from '@/src/store/settings/settings.reducers';
 
 import ContextMenu from '../Common/ContextMenu';
 import SearchFilterRenderer from './SearchFilterRenderer';
+import Tooltip from '../Common/Tooltip';
 
 interface Props {
   onSearchFiltersChanged: (searchFilters: SearchFilters) => void;
@@ -93,7 +94,7 @@ export default function SearchFiltersView({
       highlightColor={highlightColor}
       triggerIconClassName="absolute right-4 cursor-pointer max-h-[18px]"
       TriggerCustomRenderer={
-        <>
+        <Tooltip tooltip="Search filter">
           <IconFilter
             size={18}
             className={classNames(
@@ -118,7 +119,7 @@ export default function SearchFiltersView({
               )}
             />
           )}
-        </>
+        </Tooltip>
       }
     />
   );

diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -121,7 +121,7 @@ pre:has(div.codeblock) {
 
 @layer components {
   .checkbox {
-    @apply relative m-0 mr-2 inline h-4 w-4 shrink-0 appearance-none rounded-sm border border-gray-400 text-blue-500 checked:border-blue-500 hover:border-blue-500 focus:border-blue-500 focus-visible:outline-none dark:border-gray-600 checked:dark:border-blue-500;
+    @apply relative m-0 mr-2 inline h-4 w-4 shrink-0 appearance-none rounded-sm border border-gray-400 text-blue-500 checked:border-blue-500 hover:border-blue-500 focus-visible:outline-none dark:border-gray-600 checked:dark:border-blue-500;
   }
 }