任務派發按鈕加 hover 氣泡提示

摘要:
同步 claude-office:「續上次 session」與「派發任務」hover 顯示氣泡,
說明 resume 僅能延續已結束的 session(codex exec resume)。

根本原因:
resume 限制只寫在 README,介面上無說明。

影響:
純 UI 提示,無行為變更。

修法:
styles.css 新增 .tip 氣泡;SidePanel 掛上 data-tip 說明。

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
2026-07-20 14:35:08 +08:00
co-authored by Claude Fable 5
parent fea4a77eef
commit ef07f4b8ad
2 changed files with 66 additions and 4 deletions
+54
View File
@@ -387,6 +387,60 @@
cursor: pointer;
}
/* hover tooltip bubble (data-tip) */
.tip {
position: relative;
}
.tip::before {
content: "";
position: absolute;
bottom: calc(100% + 2px);
left: 24px;
border: 6px solid transparent;
border-top-color: var(--text);
opacity: 0;
transition: opacity 0.15s ease 0.15s;
pointer-events: none;
}
.tip::after {
content: attr(data-tip);
position: absolute;
bottom: calc(100% + 13px);
left: 0;
width: 230px;
background: var(--text);
color: var(--bg-panel);
font-size: 11px;
font-weight: 500;
line-height: 1.55;
padding: 8px 10px;
border-radius: 9px;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.25);
opacity: 0;
transition: opacity 0.15s ease 0.15s;
pointer-events: none;
white-space: normal;
text-align: left;
z-index: 20;
}
.tip:hover::before,
.tip:hover::after {
opacity: 1;
}
.task-composer-row .tip::after {
left: auto;
right: 0;
}
.task-composer-row label.tip::after {
left: 0;
right: auto;
}
.task-composer-row .assign-btn {
width: auto;
margin-top: 0;