fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-08 06:59:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor: style improve

Browse Source
This commit is contained in:
katherinehhh 2023-04-11 22:11:18 +08:00
parent 063d560361
commit 390bee87d7
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/core/client/src/schema-component/antd/gantt/components/task-item/task-item.tsx
View File

@ -7,6 +7,7 @@ import { BarSmall } from './bar/bar-small';
import { Milestone } from './milestone/milestone'; import { Milestone } from './milestone/milestone';
import { Project } from './project/project'; import { Project } from './project/project';
import { barLabel, barLabelOutside, projectLabel } from './style'; import { barLabel, barLabelOutside, projectLabel } from './style';
import { StandardTooltipContent, Tooltip } from '../other/tooltip';
export type TaskItemProps = { export type TaskItemProps = {
task: BarTask; task: BarTask;
@ -67,7 +68,6 @@ export const TaskItem: React.FC<TaskItemProps> = (props) => {
return task.x1 + width + arrowIndent * +hasChild + arrowIndent * 0.2; return task.x1 + width + arrowIndent * +hasChild + arrowIndent * 0.2;
} }
}; };
return ( return (
<g <g
onKeyDown={(e) => { onKeyDown={(e) => {
@ -98,11 +98,15 @@ export const TaskItem: React.FC<TaskItemProps> = (props) => {
{taskItem} {taskItem}
<text <text
x={isProjectBar ? task.x1 : getX()} x={isProjectBar ? task.x1 : getX()}
y={isProjectBar ? task.y-8 : task.y + taskHeight * 0.5} y={isProjectBar ? task.y - 8 : task.y + taskHeight * 0.5}
className={isProjectBar ? cx(projectLabel) : isTextInside ? cx(barLabel) : cx(barLabel) && cx(barLabelOutside)} className={isProjectBar ? cx(projectLabel) : isTextInside ? cx(barLabel) : cx(barLabel) && cx(barLabelOutside)}
ref={textRef} ref={textRef}
> >
{task.name} {isProjectBar
? `${task.name}: ${task.start.getDate()}-${
task.start.getMonth() + 1
}-${task.start.getFullYear()} - ${task.end.getDate()}-${task.end.getMonth() + 1}-${task.end.getFullYear()}`
: task.name}
</text> </text>
</g> </g>
); );