chore: list and kanban layout hover effect disabled for pwa

makeplane · Sep 9, 2024 · e06dd81 · e06dd81
1 parent 305ddd1
commit e06dd81
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 9 deletions.
diff --git a/web/core/components/issues/issue-layouts/calendar/issue-block.tsx b/web/core/components/issues/issue-layouts/calendar/issue-block.tsx
@@ -72,7 +72,7 @@ export const CalendarIssueBlock = observer(
         href={`/${workspaceSlug?.toString()}/projects/${projectId?.toString()}/issues/${issue.id}`}
         onClick={() => handleIssuePeekOverview(issue)}
         className="block w-full text-sm text-custom-text-100 rounded border-b md:border-[1px] border-custom-border-200 hover:border-custom-border-400"
-        disabled={!!issue?.tempId || isMobile}
+        disabled={!!issue?.tempId}
         ref={ref}
       >
         <>
@@ -83,11 +83,12 @@ export const CalendarIssueBlock = observer(
           <div
             ref={blockRef}
             className={cn(
-              "group/calendar-block flex h-10 md:h-8 w-full items-center justify-between gap-1.5 rounded  md:px-1 px-4 py-1.5 ",
+              "flex h-10 md:h-8 w-full items-center justify-between gap-1.5 rounded  md:px-1 px-4 py-1.5 ",
               {
                 "bg-custom-background-90 shadow-custom-shadow-rg border-custom-primary-100": isDragging,
                 "bg-custom-background-100 hover:bg-custom-background-90": !isDragging,
                 "border border-custom-primary-70 hover:border-custom-primary-70": getIsIssuePeeked(issue.id),
+                "group/calendar-block": !isMobile,
               }
             )}
           >

diff --git a/web/core/components/issues/issue-layouts/list/block.tsx b/web/core/components/issues/issue-layouts/list/block.tsx
@@ -132,7 +132,7 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
     <Row
       ref={issueRef}
       className={cn(
-        "group/list-block min-h-11 relative flex flex-col gap-3 bg-custom-background-100 hover:bg-custom-background-90 py-3 text-sm transition-colors border border-transparent",
+        "min-h-11 relative flex flex-col gap-3 bg-custom-background-100 py-3 text-sm transition-colors border border-transparent",
         {
           "border-custom-primary-70": getIsIssuePeeked(issue.id) && peekIssue?.nestingLevel === nestingLevel,
           "border-custom-border-400": isIssueActive,
@@ -141,6 +141,7 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
           "bg-custom-background-80": isCurrentBlockDragging,
           "md:flex-row md:items-center": isSidebarCollapsed,
           "lg:flex-row lg:items-center": !isSidebarCollapsed,
+          "group/list-block hover:bg-custom-background-90": !isMobile,
         }
       )}
       onDragStart={() => {
@@ -170,12 +171,11 @@ export const IssueBlock = observer((props: IssueBlockProps) => {
               >
                 <div className="flex-shrink-0 grid place-items-center w-3.5 absolute left-1">
                   <MultipleSelectEntityAction
-                    className={cn(
-                      "opacity-0 pointer-events-none group-hover/list-block:opacity-100 group-hover/list-block:pointer-events-auto transition-opacity",
-                      {
-                        "opacity-100 pointer-events-auto": isIssueSelected,
-                      }
-                    )}
+                    className={cn("pointer-events-auto transition-opacity", {
+                      "opacity-100 pointer-events-auto": isIssueSelected,
+                      "opacity-0 pointer-events-none group-hover/list-block:opacity-100 group-hover/list-block:pointer-events-auto":
+                        !isMobile,
+                    })}
                     groupId={groupId}
                     id={issue.id}
                     selectionHelpers={selectionHelpers}