♻️ refactor(vscode): 看板的悬停提示也改走 data-tooltip,插件网页只剩一条提示的路;lint 禁止原生 title
- 看板剩下的原生 title(顶栏按钮、工单卡片、工单详情、会话、Profile 表、改动文件树和 diff、属性表)全部改成 data-tooltip, 禁用的按钮照样弹;只有图标、原来只靠 title 当名字的(审查勾、生成说明、属性说明的 i 图标、没头像的归属人)补上 aria-label - 提示框按原文换行:摘修复弹框里「迁移」列的几个文件一行一个 - 代码阅读 Markdown 链接的标题写成 data-tooltip - eslint 规则:网页 TSX 的 DOM 元素上写 title 报错,iframe 和组件自己的 title 属性不算
This commit is contained in:
1 parent
1f7bf63e27
commit
c8620e6e1b
15 files changed
+86
-46
No files matched your search
@@ -230,7 +230,7 @@ export function IssueDetailPanel({
|
||||
<button
|
||||
type="button"
|
||||
onClick={onOpenLogs}
|
||||
title="查看扩展日志"
|
||||
data-tooltip="查看扩展日志"
|
||||
aria-label="查看扩展日志"
|
||||
className="grid size-5 place-items-center rounded opacity-60 hover:opacity-100"
|
||||
>
|
||||
@@ -803,7 +803,7 @@ export function IssueDetailPanel({
|
||||
{issue.source === 'youtrack' && (
|
||||
<span
|
||||
className="ml-2 inline-flex items-center rounded border border-purple-400/50 bg-purple-400/10 px-1.5 py-0.5 align-middle text-[10px] font-normal text-purple-400"
|
||||
title="此工单来自 YouTrack"
|
||||
data-tooltip="此工单来自 YouTrack"
|
||||
>
|
||||
YouTrack
|
||||
</span>
|
||||
@@ -814,7 +814,7 @@ export function IssueDetailPanel({
|
||||
? (
|
||||
<span
|
||||
className="ml-2 inline-flex items-center gap-1 rounded border border-[var(--vscode-panel-border)] px-1.5 py-0.5 align-middle text-[10px] font-normal text-[var(--vscode-disabledForeground)]"
|
||||
title={lockTitle}
|
||||
data-tooltip={lockTitle}
|
||||
>
|
||||
等待 #
|
||||
{prerequisiteNumber}
|
||||
@@ -828,7 +828,7 @@ export function IssueDetailPanel({
|
||||
? (
|
||||
<span
|
||||
className="inline-flex shrink-0 items-center gap-1.5 rounded border border-[var(--vscode-panel-border)] px-2 py-1 text-[11px] opacity-80"
|
||||
title={`${ownerLogin} 的工单,只能查看`}
|
||||
data-tooltip={`${ownerLogin} 的工单,只能查看`}
|
||||
>
|
||||
{avatars?.[ownerLogin]
|
||||
? <img src={avatars[ownerLogin]} alt={ownerLogin} className="size-4 rounded-full" />
|
||||
@@ -930,7 +930,7 @@ export function IssueDetailPanel({
|
||||
key={att.url}
|
||||
type="button"
|
||||
onClick={() => onOpenInBrowser(att.url)}
|
||||
title={att.name}
|
||||
data-tooltip={att.name}
|
||||
className="inline-flex max-w-[200px] items-center gap-1 truncate rounded border border-[var(--vscode-panel-border)] px-2 py-1 hover:bg-black/10 dark:hover:bg-white/10"
|
||||
>
|
||||
<ExternalLink className="size-3 shrink-0" />
|
||||
|
||||
Reference in new issue
Block a user