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

style: transition

Browse Source
This commit is contained in:
LAKHAN BAHETI 2023-12-04 18:53:55 +05:30
parent fa4e87238a
commit aeb2c0383b
2 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -253,7 +253,11 @@ export const IssueView: FC<IIssueView> = observer((props) => {
{issueSubscription && issueSubscription.subscribed ? "Unsubscribe" : "Subscribe"}
</Button>
)}
<div className={`flex items-center gap-x-2 ${isSubmitting === "saved" ? "fadeOut" : "fadeIn"}`}>
<div
className={`flex items-center gap-x-2 transition-all duration-300 ${
isSubmitting === "saved" ? "fadeOut" : "fadeIn"
}`}
>
{isSubmitting !== "submitted" && isSubmitting !== "saved" && (
<RefreshCw className="h-4 w-4 stroke-custom-text-300" />
)}

8
web/components/issues/main-content.tsx
View File

@ -39,7 +39,7 @@ const issueService = new IssueService();
const issueCommentService = new IssueCommentService();
export const IssueMainContent: React.FC<Props> = observer((props) => {
const { issueDetails, submitChanges, uneditable = false, setShowAlert } = props;
const { issueDetails, submitChanges, uneditable = false, setShowAlert } = props;
const router = useRouter();
const { workspaceSlug, projectId, issueId } = router.query;
@ -184,7 +184,9 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
{issueDetails?.project_detail?.identifier}-{issueDetails?.sequence_id}
</h4>
<div
className={`flex transition-all items-center gap-x-2 ${isSubmitting === "saved" ? "fadeOut" : "fadeIn"}`}
className={`flex transition-all duration-300 items-center gap-x-2 ${
isSubmitting === "saved" ? "fadeOut" : "fadeIn"
}`}
>
{isSubmitting !== "submitted" && isSubmitting !== "saved" && (
<RefreshCw className="h-4 w-4 stroke-custom-text-300" />
@ -196,7 +198,7 @@ export const IssueMainContent: React.FC<Props> = observer((props) => {
</div>
<IssueDescriptionForm
setShowAlert={setShowAlert}
setShowAlert={setShowAlert}
workspaceSlug={workspaceSlug as string}
issue={issueDetails}
handleFormSubmit={submitChanges}