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

fix: icon and ellipsis (#622)

Browse Source 
* fix: consistent icon for end date for cycle card

* fix: sidebar ellipsis fix
This commit is contained in:
Anmol Singh Bhatia 2023-03-30 18:35:05 +05:30 committed by GitHub
parent 3e8c375d1c
commit 624d9dfd39
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 8 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
apps/app/components/cycles/sidebar.tsx
View File

@ -288,9 +288,9 @@ export const CycleDetailsSidebar: React.FC<Props> = ({
</div> </div>
</div> </div>
<div className="flex flex-col gap-6 px-6 py-6"> <div className="flex flex-col gap-6 px-6 py-6 w-full">
<div className="flex flex-col items-start justify-start gap-2 "> <div className="flex flex-col items-start justify-start gap-2 w-full">
<div className="flex items-start justify-start gap-2 "> <div className="flex items-start justify-between gap-2 w-full">
<h4 className="text-xl font-semibold text-gray-900">{cycle.name}</h4> <h4 className="text-xl font-semibold text-gray-900">{cycle.name}</h4>
<CustomMenu width="lg" ellipsis> <CustomMenu width="lg" ellipsis>
<CustomMenu.MenuItem onClick={handleCopyText}> <CustomMenu.MenuItem onClick={handleCopyText}>

3
apps/app/components/cycles/single-cycle-card.tsx
View File

@ -15,6 +15,7 @@ import { CustomMenu, LinearProgressIndicator, Tooltip } from "components/ui";
import { Disclosure, Transition } from "@headlessui/react"; import { Disclosure, Transition } from "@headlessui/react";
// icons // icons
import { CalendarDaysIcon } from "@heroicons/react/20/solid"; import { CalendarDaysIcon } from "@heroicons/react/20/solid";
import { TargetIcon } from "components/icons";
import { import {
ChevronDownIcon, ChevronDownIcon,
DocumentDuplicateIcon, DocumentDuplicateIcon,
@ -269,7 +270,7 @@ export const SingleCycleCard: React.FC<TSingleStatProps> = ({
<span>{renderShortDateWithYearFormat(startDate)}</span> <span>{renderShortDateWithYearFormat(startDate)}</span>
</div> </div>
<div className="flex items-start gap-1 "> <div className="flex items-start gap-1 ">
<CalendarDaysIcon className="h-4 w-4 text-gray-900" /> <TargetIcon className="h-4 w-4 text-gray-900" />
<span className="text-gray-400">End :</span> <span className="text-gray-400">End :</span>
<span>{renderShortDateWithYearFormat(endDate)}</span> <span>{renderShortDateWithYearFormat(endDate)}</span>
</div> </div>

6
apps/app/components/modules/sidebar.tsx
View File

@ -327,9 +327,9 @@ export const ModuleDetailsSidebar: React.FC<Props> = ({
</div> </div>
</div> </div>
<div className="flex flex-col gap-6 px-6 py-6"> <div className="flex flex-col gap-6 px-6 py-6 w-full">
<div className="flex flex-col items-start justify-start gap-2 "> <div className="flex flex-col items-start justify-start gap-2 w-full">
<div className="flex items-start justify-start gap-2 "> <div className="flex items-start justify-between gap-2 w-full ">
<h4 className="text-xl font-semibold text-gray-900">{module.name}</h4> <h4 className="text-xl font-semibold text-gray-900">{module.name}</h4>
<CustomMenu width="lg" ellipsis> <CustomMenu width="lg" ellipsis>
<CustomMenu.MenuItem onClick={handleCopyText}> <CustomMenu.MenuItem onClick={handleCopyText}>