docs(ui): translate tier-btn specificity comment to English

Follow-up to #488: repo convention is English-only code comments.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
mateaix 2026-07-04 12:13:27 +08:00
parent d9c999abc8
commit 9dfdae0aec

View File

@ -274,9 +274,10 @@ async function toggleTool(tool: Tool) {
.tools-section-title { font-size: 15px; font-weight: 700; color: var(--mc-text-primary); }
.tools-section-count { font-size: 12px; font-weight: 600; color: var(--mc-text-secondary); background: var(--mc-bg-muted); padding: 2px 8px; border-radius: 10px; }
.tools-section-hint { font-size: 12px; color: var(--mc-text-tertiary); }
/* .row-btn.tier-btn (specificity 0,2,0) .row-btn (0,1,0),
否则 .row-btn 后置的 width:30px / display:flex 等会反向覆盖文字按钮的
width:auto / line-height,导致 "→ 扩展" / "← 核心" 文字溢出 30px 矮盒 */
/* The compound selector .row-btn.tier-btn (specificity 0,2,0) must outrank plain
.row-btn (0,1,0); otherwise the later-declared .row-btn width:30px / display:flex
overrides the text button's width:auto / line-height, overflowing the tier
label ("→ extensions" / "← core") out of the 30px box. */
.row-btn.tier-btn { width: auto; height: 30px; padding: 0 10px; font-size: 12px; font-weight: 600; line-height: 30px; white-space: nowrap; color: var(--mc-text-secondary); }
.row-btn.tier-btn:hover { background: var(--mc-bg-sunken); color: var(--mc-primary); border-color: var(--mc-primary); }
.tier-locked { display: inline-flex; align-items: center; padding: 0 8px; font-size: 11px; color: var(--mc-text-tertiary); cursor: help; }