v2.0.7 — 功能按钮 tooltip 规范 + 回顶按钮更明显
更新
- 共享
.btn-tip组件:修复主题按钮 tooltip 被按钮宽度压成竖排的问题(width:max-content保证单行),右对齐按钮右缘防出屏,max-width兜底超长折行 - 打印按钮加 tooltip「打印 / 导出 PDF」;
title属性移除(避免 CSS tooltip 与原生 title 双提示);回顶按钮title移除 - 规则固化(design-system §4.31 + SKILL.md 自检):只给含义不直观的图标按钮加简短提示(主题切换、打印),意义自明的图标(搜索、复制、回顶 ↑)不加,文字尽可能简短
- 回顶按钮更明显:主色描边 + 浅底 + 主色箭头,悬停填充主色,深浅色下都醒目
安装
把 html-guide 文件夹放入 ~/.claude/skills/
(Windows: %USERPROFILE%\.claude\skills\),或用 Claude Code 的 /plugin 安装本仓库。
首次使用前复制 user-config.example.md 为 user-config.md 并填本机代理。
验证
CDP 实测:主题 tooltip 宽度 130px 单行(非 38px 竖排)、打印 tooltip「打印 / 导出 PDF」悬停出现、print/to-top 的 title 均为空、按钮右缘在视口内。