From 4fa69ca2bcecc97312622b50b8f53ebda688c108 Mon Sep 17 00:00:00 2001
From: zyc <1439655764@qq.com>
Date: Mon, 20 Apr 2026 17:21:55 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=A1=B9=E7=9B=AE=E6=98=8E=E7=BB=86=20O?=
 =?UTF-8?q?KR=20=E4=BB=BB=E5=8A=A1=E6=8F=8F=E8=BF=B0=E8=BF=87=E9=95=BF?=
 =?UTF-8?q?=E6=92=91=E7=A0=B4=E6=A0=85=E6=A0=BC=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

grid-template-columns 默认 1fr 的 min-content 下限会被超长不换行中文撑开，
改为 minmax(0,1fr) 让列可正常收缩；kr-name 改为 2 行 line-clamp，
避免单行省略把描述几乎全部隐藏。

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/src/views/ProjectDetail.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/ProjectDetail.vue b/frontend/src/views/ProjectDetail.vue
index c825d9e..0a43c8e 100644
--- a/frontend/src/views/ProjectDetail.vue
+++ b/frontend/src/views/ProjectDetail.vue
@@ -538,8 +538,8 @@ function canEditObj(obj: any): boolean {
 
 <style scoped>
 .overall-progress { background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-2); }
-.grid-2 { display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4); }
-@media (max-width:768px) { .grid-2 { grid-template-columns:1fr; } }
+.grid-2 { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-4);min-width:0; }
+@media (max-width:768px) { .grid-2 { grid-template-columns:minmax(0,1fr); } }
 
 .okr-list { display:flex;flex-direction:column;gap:var(--space-4); }
 .obj-block { border-bottom:1px solid var(--color-border);padding-bottom:var(--space-3); }
@@ -556,8 +556,8 @@ function canEditObj(obj: any): boolean {
 
 /* 行1：标题 + 标签 + 截止日期 + 菜单 */
 .kr-line1 { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px; }
-.kr-title-area { display:flex;align-items:center;gap:6px;flex:1;min-width:0; }
-.kr-name { font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
+.kr-title-area { display:flex;align-items:flex-start;gap:6px;flex:1;min-width:0; }
+.kr-name { font-size:13px;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word; }
 .kr-name-cancelled { text-decoration:line-through;color:var(--color-text-muted); }
 .kr-meta-area { display:flex;align-items:center;gap:8px;flex-shrink:0; }
 .kr-date { font-size:11px;color:var(--color-text-muted);white-space:nowrap; }