From 751cd6c862b0006d3708bbb197333f650f411ac6 Mon Sep 17 00:00:00 2001
From: rahulramesha <71900764+rahulramesha@users.noreply.github.com>
Date: Fri, 6 Sep 2024 18:37:57 +0530
Subject: [PATCH] [WEB-2365] fix: Minor UI in-consistencies cause by tooltip
 changes (#5545)

* Fix minor in-consistencies caused by tooltip on hover changes

* fix linting
---
 web/core/components/dropdowns/buttons.tsx                     | 2 +-
 web/core/components/dropdowns/priority.tsx                    | 2 +-
 .../filters/header/filters/filters-selection.tsx              | 3 ++-
 web/core/components/issues/issue-layouts/list/block.tsx       | 1 -
 web/core/components/issues/parent-issues-list-modal.tsx       | 3 ++-
 web/core/components/views/filters/filter-selection.tsx        | 4 +++-
 6 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/web/core/components/dropdowns/buttons.tsx b/web/core/components/dropdowns/buttons.tsx
index 414099779..125e264c1 100644
--- a/web/core/components/dropdowns/buttons.tsx
+++ b/web/core/components/dropdowns/buttons.tsx
@@ -109,7 +109,7 @@ const TransparentButton: React.FC<ButtonProps> = (props) => {
     >
       <div
         className={cn(
-          "h-full flex items-center gap-1.5 rounded text-xs px-2 py-0.5 hover:bg-custom-background-80",
+          "h-full w-full flex items-center gap-1.5 rounded text-xs px-2 py-0.5 hover:bg-custom-background-80",
           { "bg-custom-background-80": isActive },
           className
         )}
diff --git a/web/core/components/dropdowns/priority.tsx b/web/core/components/dropdowns/priority.tsx
index 102a92a9b..cca621b95 100644
--- a/web/core/components/dropdowns/priority.tsx
+++ b/web/core/components/dropdowns/priority.tsx
@@ -243,7 +243,7 @@ const TransparentButton = (props: ButtonProps) => {
     >
       <div
         className={cn(
-          "h-full flex items-center gap-1.5 rounded text-xs px-2 py-0.5 hover:bg-custom-background-80",
+          "h-full w-full flex items-center gap-1.5 rounded text-xs px-2 py-0.5 hover:bg-custom-background-80",
           priorityClasses[priority ?? "none"],
           {
             // compact the icons if text is hidden
diff --git a/web/core/components/issues/issue-layouts/filters/header/filters/filters-selection.tsx b/web/core/components/issues/issue-layouts/filters/header/filters/filters-selection.tsx
index 1d7d9ceb4..0bf180aef 100644
--- a/web/core/components/issues/issue-layouts/filters/header/filters/filters-selection.tsx
+++ b/web/core/components/issues/issue-layouts/filters/header/filters/filters-selection.tsx
@@ -22,9 +22,10 @@ import {
 } from "@/components/issues";
 // constants
 import { ILayoutDisplayFiltersOptions } from "@/constants/issue";
+// hooks
+import { usePlatformOS } from "@/hooks/use-platform-os";
 // plane web components
 import { FilterIssueTypes } from "@/plane-web/components/issues";
-import { usePlatformOS } from "@/hooks/use-platform-os";
 
 type Props = {
   filters: IIssueFilterOptions;
diff --git a/web/core/components/issues/issue-layouts/list/block.tsx b/web/core/components/issues/issue-layouts/list/block.tsx
index 58fedd9d3..a6233a36e 100644
--- a/web/core/components/issues/issue-layouts/list/block.tsx
+++ b/web/core/components/issues/issue-layouts/list/block.tsx
@@ -167,7 +167,6 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
                   </>
                 }
                 disabled={issue.project_id === projectId}
-                renderByDefault={false}
               >
                 <div className="flex-shrink-0 grid place-items-center w-3.5 absolute left-1">
                   <MultipleSelectEntityAction
diff --git a/web/core/components/issues/parent-issues-list-modal.tsx b/web/core/components/issues/parent-issues-list-modal.tsx
index 6208503e2..fab6bbaf1 100644
--- a/web/core/components/issues/parent-issues-list-modal.tsx
+++ b/web/core/components/issues/parent-issues-list-modal.tsx
@@ -12,6 +12,8 @@ import { ISearchIssueResponse } from "@plane/types";
 import { Loader, ToggleSwitch, Tooltip } from "@plane/ui";
 // components
 import { IssueSearchModalEmptyState } from "@/components/core";
+// helpers
+import { getTabIndex } from "@/helpers/tab-indices.helper";
 // hooks
 import useDebounce from "@/hooks/use-debounce";
 import { usePlatformOS } from "@/hooks/use-platform-os";
@@ -19,7 +21,6 @@ import { usePlatformOS } from "@/hooks/use-platform-os";
 import { IssueIdentifier } from "@/plane-web/components/issues";
 // services
 import { ProjectService } from "@/services/project";
-import { getTabIndex } from "@/helpers/tab-indices.helper";
 
 type Props = {
   isOpen: boolean;
diff --git a/web/core/components/views/filters/filter-selection.tsx b/web/core/components/views/filters/filter-selection.tsx
index 502db2987..00b8ea817 100644
--- a/web/core/components/views/filters/filter-selection.tsx
+++ b/web/core/components/views/filters/filter-selection.tsx
@@ -7,8 +7,10 @@ import { FilterCreatedBy, FilterCreatedDate } from "@/components/common/filters"
 import { FilterOption } from "@/components/issues";
 // constants
 import { EViewAccess } from "@/constants/views";
-import { FilterByAccess } from "@/plane-web/components/views/filters/access-filter";
+// hooks
 import { usePlatformOS } from "@/hooks/use-platform-os";
+// plane web components
+import { FilterByAccess } from "@/plane-web/components/views/filters/access-filter";
 
 type Props = {
   filters: TViewFilters;