diff --git a/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.css b/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.css index aa4ced86f7..9c805f1343 100644 --- a/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.css +++ b/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.css @@ -68,10 +68,10 @@ .research-effect-citations button:hover { text-decoration: underline; } .research-native-results { border-block-start: 1px solid var(--pw-line); margin-block-start: 16px; padding-block-start: 16px; } .research-native-results h4 { margin: 0; font-size: var(--text-body); font-weight: 600; } -.research-native-results > p { margin-block: 8px; } -.research-native-reading { display: flex; align-items: center; flex-wrap: wrap; gap: 16px 48px; margin-block: 16px; } -.research-native-best { min-width: 0; } -.research-native-reading dl { margin: 0; } +.research-native-heading { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 16px; } +.research-native-reading { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 32px; margin-block: 12px 4px; } +.research-native-reading > div { min-width: 0; max-width: 100%; } +.research-native-reading > .research-native-best { margin-inline-end: 24px; } .research-native-reading dt { font-size: var(--text-body); color: var(--pw-muted); } .research-native-reading dd { margin: 4px 0 0; } .research-native-reading dd button { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 8px; max-width: 100%; min-height: 44px; padding: 0; font: inherit; background: none; border: 0; color: var(--pw-text); text-align: start; cursor: pointer; } @@ -79,12 +79,14 @@ .research-native-reading dd button svg { align-self: center; flex-shrink: 0; color: var(--pw-muted); } .research-native-reading dd button:hover strong { text-decoration: underline; } .research-native-reading dd button:focus-visible { outline: 2px solid var(--pw-blue); outline-offset: 2px; } -.research-native-reading strong { font-weight: 600; font-variant-numeric: tabular-nums; font-size: var(--text-lead); } -.research-native-best strong { font-size: var(--text-display); line-height: var(--leading-title); } +.research-native-reading strong { font-weight: 600; font-variant-numeric: tabular-nums; font-size: var(--text-title); line-height: var(--leading-title); } +.research-native-best strong { font-size: var(--text-display); } .research-native-unit { font-size: var(--text-body); color: var(--pw-muted); } -.research-native-best > p { margin: 4px 0 0; font-size: var(--text-body); } -.research-native-context { display: flex; align-items: baseline; flex-wrap: wrap; gap: 12px 32px; } -.research-native-context > div { min-width: 0; } +.research-progress .research-native-metric { margin: 0; font-size: var(--text-body); } +.research-native-footer { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 0 24px; } +.research-native-footer .research-native-scope { align-items: center; min-height: 44px; } +.research-native-footer .research-native-basis { min-width: 0; } +.research-native-footer .research-native-basis[open] { flex-basis: 100%; } .research-native-unknown { display: inline-block; padding-block: 10px; font-size: var(--text-body); color: var(--pw-muted); } .research-native-scope { display: flex; flex-wrap: wrap; gap: 4px 16px; color: var(--pw-muted); font-size: var(--text-body); } .research-native-basis dd { margin: 4px 0 12px; } @@ -131,8 +133,8 @@ .research-progress select { max-width: 100%; } .research-effect-metrics { gap: 8px; } .research-assessment > summary { gap: 8px; } - .research-native-reading { align-items: flex-start; flex-direction: column; gap: 20px; } - .research-native-context { gap: 12px 24px; } + .research-native-reading { gap: 12px 16px; } + .research-native-reading > .research-native-best { flex-basis: 100%; margin-inline-end: 0; } .research-progress-values { grid-template-columns: 1fr; gap: 16px; } .research-request-values { grid-template-columns: 1fr; } .research-usage-basis { grid-template-columns: 1fr; gap: 4px; } diff --git a/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.tsx b/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.tsx index 1210ffdf9f..31620438bd 100644 --- a/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.tsx +++ b/apps/presentation/dashboard/src/features/personal-workspace/goal-research-progress.tsx @@ -143,23 +143,21 @@ function NativeResults({native, zh, onCitation}: {native: ResearchProgressPack[" ...(new Date(outcomes.start).getUTCFullYear() !== new Date(outcomes.end).getUTCFullYear() ? {year: "numeric"} : {})}); const value = ([key, cn, en]: typeof points[number]) => { const point = outcomes[key]; - return
{zh ? "来源已变化或不可读;以下仅为历史捕获,当前结果未核验。" : "The source changed or is unavailable. These are historical captures; current results are unverified."}
: null}{zh ? "最佳只限本次捕获窗口;原生保留与最后提交可能不同。未采集的值保留未知,不记零。" : "Best is limited to this capture; retained and final submissions can differ. Uncaptured values remain unknown, not zero."}
{zh ? "检验过收益、采用了证据及原目标达成各需各自证据,不能由这些数值推断。" : "Utility testing, evidence adoption and original-objective success each need their own evidence; these values cannot establish them."}
{outcomes.metric.name} · {outcomes.metric.higher_is_better ? (zh ? "越高越好" : "higher is better") : (zh ? "越低越好" : "lower is better")}
{outcomes.metric.name} · {outcomes.metric.higher_is_better ? (zh ? "越高越好" : "higher is better") : (zh ? "越低越好" : "lower is better")}
{point.candidate_ref}