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

dashboard responsive

Browse Source
This commit is contained in:
Ramesh Kumar Chandra 2024-03-11 22:03:08 +05:30
parent e05bc3965c
commit 4c30d70671
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
web/components/core/activity.tsx
View File

@ -35,15 +35,16 @@ export const IssueLink = ({ activity }: { activity: IIssueActivity }) => {
{activity?.issue_detail ? ( {activity?.issue_detail ? (
<a <a
aria-disabled={activity.issue === null} aria-disabled={activity.issue === null}
href={`${`/${workspaceSlug ?? activity.workspace_detail?.slug}/projects/${activity.project}/issues/${ href={`${`/${workspaceSlug ?? activity.workspace_detail?.slug}/projects/${activity.project}/issues/${activity.issue
activity.issue }`}`}
}`}`}
target={activity.issue === null ? "_self" : "_blank"} target={activity.issue === null ? "_self" : "_blank"}
rel={activity.issue === null ? "" : "noopener noreferrer"} rel={activity.issue === null ? "" : "noopener noreferrer"}
className="inline-flex items-center gap-1 font-medium text-custom-text-100 hover:underline" className="border border-red-500 relative w-full overflow-hidden"
> >
<span className="whitespace-nowrap">{`${activity.project_detail.identifier}-${activity.issue_detail.sequence_id}`}</span>{" "} <div className="border border-red-500 overflow-hidden relative inline-flex w-full items-center gap-1 font-medium text-custom-text-100 hover:underline">
<span className="font-normal">{activity.issue_detail?.name}</span> <div className="whitespace-nowrap break-all">{`${activity.project_detail.identifier}-${activity.issue_detail.sequence_id}`}</div>{" "}
<div className="relative whitespace-nowrap break-all overflow-hidden w-full font-normal truncate line-clamp-1">{activity.issue_detail?.name}</div>
</div>
</a> </a>
) : ( ) : (
<span className="inline-flex items-center gap-1 font-medium text-custom-text-100 whitespace-nowrap"> <span className="inline-flex items-center gap-1 font-medium text-custom-text-100 whitespace-nowrap">
@ -60,9 +61,8 @@ const UserLink = ({ activity }: { activity: IIssueActivity }) => {
return ( return (
<a <a
href={`/${workspaceSlug ?? activity.workspace_detail?.slug}/profile/${ href={`/${workspaceSlug ?? activity.workspace_detail?.slug}/profile/${activity.new_identifier ?? activity.old_identifier
activity.new_identifier ?? activity.old_identifier }`}
}`}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
className="inline-flex items-center font-medium text-custom-text-100 hover:underline" className="inline-flex items-center font-medium text-custom-text-100 hover:underline"
@ -591,7 +591,7 @@ const activityDetails: {
state: { state: {
message: (activity, showIssue) => ( message: (activity, showIssue) => (
<> <>
set the state to <span className="font-medium text-custom-text-100">{activity.new_value}</span> {/* set the state to <span className="border border-green-500 font-medium text-custom-text-100">{activity.new_value}</span> */}
{showIssue && ( {showIssue && (
<> <>
{" "} {" "}
@ -678,12 +678,12 @@ export const ActivityMessage = ({ activity, showIssue = false }: ActivityMessage
const { workspaceSlug } = router.query; const { workspaceSlug } = router.query;
return ( return (
<> <div className="w-full border border-red-500 overflow-hidden">
{activityDetails[activity.field as keyof typeof activityDetails]?.message( {activityDetails[activity.field as keyof typeof activityDetails]?.message(
activity, activity,
showIssue, showIssue,
workspaceSlug ? workspaceSlug.toString() : activity.workspace_detail?.slug ?? "" workspaceSlug ? workspaceSlug.toString() : activity.workspace_detail?.slug ?? ""
)} )}
</> </div>
); );
}; };

2
web/components/dashboard/widgets/recent-collaborators/root.tsx
View File

@ -22,7 +22,7 @@ export const RecentCollaboratorsWidget: React.FC<WidgetProps> = (props) => {
Top eight active members in your project by last activity Top eight active members in your project by last activity
</p> </p>
</div> </div>
<div className="flex min-w-72 items-center justify-start gap-2 rounded-md border border-custom-border-200 px-2.5 py-1.5 placeholder:text-custom-text-400"> <div className="flex md:min-w-72 items-center justify-start gap-2 rounded-md border border-custom-border-200 px-2.5 py-1.5 placeholder:text-custom-text-400">
<Search className="h-3.5 w-3.5 text-custom-text-400" /> <Search className="h-3.5 w-3.5 text-custom-text-400" />
<input <input
className="w-full border-none bg-transparent text-sm focus:outline-none" className="w-full border-none bg-transparent text-sm focus:outline-none"

6
web/components/dashboard/widgets/recent-projects.tsx
View File

@ -42,10 +42,10 @@ const ProjectListItem: React.FC<ProjectListItemProps> = observer((props) => {
<ProjectLogo logo={projectDetails.logo_props} className="text-xl" /> <ProjectLogo logo={projectDetails.logo_props} className="text-xl" />
</div> </div>
</div> </div>
<div className="flex-grow truncate"> <div className="w-full overflow-hidden">
<h6 className="text-sm text-custom-text-300 font-medium group-hover:underline group-hover:text-custom-text-100 truncate"> <div className="text-sm text-custom-text-300 group-hover:underline group-hover:text-custom-text-100 overflow-hidden line-clamp-2">
{projectDetails.name} {projectDetails.name}
</h6> </div>
<div className="mt-2"> <div className="mt-2">
<AvatarGroup> <AvatarGroup>
{projectDetails.members?.map((member) => ( {projectDetails.members?.map((member) => (