thunderstrike/plane
thunderstrike/plane
2
0
Fork 0
forked from github/plane
Code Pull Requests Activity

fix: drag handle position in the peek overview (#4167)

Browse Source
This commit is contained in:
Aaryan Khandelwal 2024-04-10 21:28:06 +05:30 committed by GitHub
parent 4f15c03f91
commit 5c6170507e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
web/components/issues/peek-overview/view.tsx
View File

@ -13,6 +13,8 @@ import {
ArchiveIssueModal, ArchiveIssueModal,
PeekOverviewIssueAttachments, PeekOverviewIssueAttachments,
} from "@/components/issues"; } from "@/components/issues";
// helpers
import { cn } from "@/helpers/common.helper";
// hooks // hooks
import { useIssueDetail, useUser } from "@/hooks/store"; import { useIssueDetail, useUser } from "@/hooks/store";
import useKeypress from "@/hooks/use-keypress"; import useKeypress from "@/hooks/use-keypress";
@ -110,11 +112,14 @@ export const IssueView: FC<IIssueView> = observer((props) => {
{issueId && ( {issueId && (
<div <div
ref={issuePeekOverviewRef} ref={issuePeekOverviewRef}
className={`fixed z-20 flex flex-col overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 transition-all duration-300 className={cn(
${peekMode === "side-peek" ? `bottom-0 right-0 top-0 w-full md:w-[50%]` : ``} "fixed z-20 flex flex-col overflow-hidden rounded border border-custom-border-200 bg-custom-background-100 transition-all duration-300",
${peekMode === "modal" ? `left-[50%] top-[50%] h-5/6 w-5/6 -translate-x-[50%] -translate-y-[50%]` : ``} {
${peekMode === "full-screen" ? `bottom-0 left-0 right-0 top-0 m-4` : ``} "bottom-0 right-0 top-0 w-full md:w-[50%]": peekMode === "side-peek",
`} "size-5/6 top-[8.33%] left-[8.33%]": peekMode === "modal",
"inset-0 m-4": peekMode === "full-screen",
}
)}
style={{ style={{
boxShadow: boxShadow:
"0px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 6px 12px 0px rgba(16, 24, 40, 0.12), 0px 1px 16px 0px rgba(16, 24, 40, 0.12)", "0px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 6px 12px 0px rgba(16, 24, 40, 0.12), 0px 1px 16px 0px rgba(16, 24, 40, 0.12)",