Merge pull request #400 from makeplane/fix/kanban_overlay

fix: drag overlay z-index, sidebar dropdowns

apps/app/components/core/board-view/single-board.tsx

@@ -104,12 +104,12 @@ export const SingleBoard: React.FC<Props> = ({
                   <div
                     className={`absolute ${
                       snapshot.isDraggingOver ? "block" : "hidden"
-                    } pointer-events-none top-0 left-0 z-[99999998] h-full w-full bg-gray-100 opacity-50`}
+                    } pointer-events-none top-0 left-0 z-[99] h-full w-full bg-gray-100 opacity-50`}
                   />
                   <div
                     className={`absolute ${
                       snapshot.isDraggingOver ? "block" : "hidden"
-                    } pointer-events-none top-1/2 left-1/2 z-[99999999] -translate-y-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-white p-2 text-xs`}
+                    } pointer-events-none top-1/2 left-1/2 z-[99] -translate-y-1/2 -translate-x-1/2 whitespace-nowrap rounded bg-white p-2 text-xs`}
                   >
                     This board is ordered by {replaceUnderscoreIfSnakeCase(orderBy ?? "")}
                   </div>

apps/app/components/core/board-view/single-issue.tsx

@@ -262,7 +262,7 @@ export const SingleBoardIssue: React.FC<Props> = ({
                 </div>
               )}
               <h5
-                className="text-sm group-hover:text-theme"
+                className="break-all text-sm group-hover:text-theme"
                 style={{ lineClamp: 3, WebkitLineClamp: 3 }}
               >
                 {truncateText(issue.name, 100)}

apps/app/components/issues/sidebar-select/assignee.tsx

@@ -77,6 +77,7 @@ export const SidebarAssigneeSelect: React.FC<Props> = ({ value, onChange, userAu
           }
           options={options}
           onChange={onChange}
+          position="right"
           multiple
           disabled={isNotAllowed}
         />

apps/app/components/issues/sidebar-select/cycle.tsx

@@ -80,6 +80,7 @@ export const SidebarCycleSelect: React.FC<Props> = ({
               : handleCycleChange(cycles?.find((c) => c.id === value) as ICycle);
           }}
           width="w-full"
+          position="right"
           disabled={isNotAllowed}
         >
           {cycles ? (

apps/app/components/issues/sidebar-select/module.tsx

@@ -79,6 +79,7 @@ export const SidebarModuleSelect: React.FC<Props> = ({
               : handleModuleChange(modules?.find((m) => m.id === value) as IModule);
           }}
           width="w-full"
+          position="right"
           disabled={isNotAllowed}
         >
           {modules ? (

apps/app/components/issues/sidebar-select/priority.tsx

@@ -40,6 +40,7 @@ export const SidebarPrioritySelect: React.FC<Props> = ({ value, onChange, userAu
           value={value}
           onChange={onChange}
           width="w-full"
+          position="right"
           disabled={isNotAllowed}
         >
           {PRIORITIES.map((option) => (

apps/app/components/issues/sidebar-select/state.tsx

@@ -63,6 +63,7 @@ export const SidebarStateSelect: React.FC<Props> = ({ value, onChange, userAuth
           value={value}
           onChange={onChange}
           width="w-full"
+          position="right"
           disabled={isNotAllowed}
         >
           {states ? (