github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: drag overlay z-index, sidebar dropdowns

Browse Source
This commit is contained in:
Aaryan Khandelwal 2023-03-08 19:08:57 +05:30
parent 303f266fc7
commit 223a204a97
7 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/app/components/core/board-view/single-board.tsx
View File

@ -104,12 +104,12 @@ export const SingleBoard: React.FC<Props> = ({
<div <div
className={`absolute ${ className={`absolute ${
snapshot.isDraggingOver ? "block" : "hidden" 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 <div
className={`absolute ${ className={`absolute ${
snapshot.isDraggingOver ? "block" : "hidden" 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 ?? "")} This board is ordered by {replaceUnderscoreIfSnakeCase(orderBy ?? "")}
</div> </div>

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

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

1
apps/app/components/issues/sidebar-select/assignee.tsx
View File

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

1
apps/app/components/issues/sidebar-select/cycle.tsx
View File

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

1
apps/app/components/issues/sidebar-select/module.tsx
View File

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

1
apps/app/components/issues/sidebar-select/priority.tsx
View File

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

1
apps/app/components/issues/sidebar-select/state.tsx
View File

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