АРХ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фундамент редизайна и фиксация UI-техдолга
This commit is contained in:
@@ -122,12 +122,14 @@ export const ExternalContoursBoardItem = observer(function ExternalContoursBoard
|
||||
const sourceStateIds = useMemo(() => targetOptions?.states?.map((state) => state.id) ?? [], [targetOptions?.states]);
|
||||
const selectedState = canEditTargetIssue ? getStateById(issue.state_id) : sourceStateMap[issue.state_id ?? ""];
|
||||
const projectStateIds = issue.project_id ? getProjectStateIds(issue.project_id) : [];
|
||||
const foregroundClasses = isActive ? "text-[#111111]" : "text-white";
|
||||
const foregroundClasses = isActive ? "text-[rgb(var(--nodedc-on-card-active-rgb))]" : "text-white";
|
||||
const subtleTextClasses = isActive ? "text-[#2F4721]" : "text-[#B3B3B8]";
|
||||
const pillBackgroundClasses =
|
||||
isActive ? "bg-black/10 text-[#111111]" : "bg-[rgb(var(--nodedc-card-passive-rgb))] text-white";
|
||||
isActive
|
||||
? "bg-black/10 text-[rgb(var(--nodedc-on-card-active-rgb))]"
|
||||
: "bg-[rgb(var(--nodedc-card-passive-rgb))] text-white";
|
||||
const iconBubbleClasses = isActive ? "bg-black text-[rgb(var(--nodedc-card-active-rgb))]" : "bg-[#111214] text-white";
|
||||
const statusIconColor = selectedState?.color ?? (isActive ? "#111111" : "var(--text-color-primary)");
|
||||
const statusIconColor = selectedState?.color ?? (isActive ? "rgb(var(--nodedc-on-card-active-rgb))" : "var(--text-color-primary)");
|
||||
const dueDateLabel = issue.target_date ? renderFormattedDate(issue.target_date, "d MMM, yyyy") : t("common.none");
|
||||
|
||||
if (!issue) return null;
|
||||
|
||||
@@ -75,7 +75,10 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
|
||||
/>
|
||||
<div className="min-w-0">
|
||||
<div
|
||||
className={cn("truncate text-[15px] leading-5 font-semibold", isActive ? "text-[#0b1117]" : "text-primary")}
|
||||
className={cn(
|
||||
"truncate text-[15px] leading-5 font-semibold",
|
||||
isActive ? "text-[rgb(var(--nodedc-on-card-active-rgb))]" : "text-primary"
|
||||
)}
|
||||
>
|
||||
{requesterName}
|
||||
</div>
|
||||
@@ -83,7 +86,12 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
|
||||
</div>
|
||||
|
||||
<div className="flex shrink-0 items-center gap-2">
|
||||
<div className={cn("text-11 font-medium", isActive ? "text-[#17212b]/70" : "text-tertiary")}>
|
||||
<div
|
||||
className={cn(
|
||||
"text-11 font-medium",
|
||||
isActive ? "text-[rgb(var(--nodedc-on-card-active-rgb))]/70" : "text-tertiary"
|
||||
)}
|
||||
>
|
||||
{issue.project_detail?.identifier || "REQ"}-{issue.sequence_id}
|
||||
</div>
|
||||
<div className="flex items-center gap-2">
|
||||
@@ -97,7 +105,12 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className={cn("truncate pl-10 text-[12px] font-medium leading-4", isActive ? "text-[#17212b]/75" : "text-secondary")}>
|
||||
<div
|
||||
className={cn(
|
||||
"truncate pl-10 text-[12px] font-medium leading-4",
|
||||
isActive ? "text-[rgb(var(--nodedc-on-card-active-rgb))]/75" : "text-secondary"
|
||||
)}
|
||||
>
|
||||
{contourName}
|
||||
</div>
|
||||
</div>
|
||||
@@ -106,7 +119,7 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
|
||||
<h3
|
||||
className={cn(
|
||||
"line-clamp-3 w-full max-w-[18.5rem] text-center text-16 leading-7 font-semibold",
|
||||
isActive ? "text-[#0b1117]" : "text-primary"
|
||||
isActive ? "text-[rgb(var(--nodedc-on-card-active-rgb))]" : "text-primary"
|
||||
)}
|
||||
>
|
||||
{issue.name}
|
||||
@@ -141,7 +154,7 @@ export const ExternalContoursListItem = observer(function ExternalContoursListIt
|
||||
<div
|
||||
className={cn(
|
||||
"rounded-full px-3 py-1.5 text-12",
|
||||
isActive ? "bg-black/10 text-[#17212b]/80" : "bg-white/6 text-secondary"
|
||||
isActive ? "bg-black/10 text-[rgb(var(--nodedc-on-card-active-rgb))]/80" : "bg-white/6 text-secondary"
|
||||
)}
|
||||
>
|
||||
{renderFormattedDate(lastUpdatedAt ?? "")}
|
||||
|
||||
Reference in New Issue
Block a user