АРХ - МЕЖПРОЕКТНАЯ КОММУНИКАЦИЯ: фундамент редизайна и фиксация UI-техдолга

This commit is contained in:
DCCONSTRUCTIONS
2026-04-22 14:30:51 +03:00
parent ecb31a78f9
commit 3f6219fc50
21 changed files with 385 additions and 61 deletions
@@ -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 ?? "")}