fix(polish): 视觉终审两阻塞+两建议——胶囊真挂载与图注字面量化
- 灯箱:.lb-act class+图标真实挂载(T1 的 python replace 对 i18n 化后
文案静默失配成死代码——replace 无 assert 的教训);清 560px 媒体
查询内整段重复规则
- 样张图注:斜体行内裸 <video>/<audio> 字面量化(markdown 渲染成
真元素:黑盒+吞文字);指南加图注警示
- Artalk 建议项:输入框边界加深一档(--line 白底近不可见);暗色
发送按钮换深字(白字压浅底 2.4:1 低于 AA)
验证: build 23 页;样张页 video 元素 2→1(幽灵元素消失);
node tests/e2e.mjs 30/30 PASS;复验图 18/19 待视觉确认
Spec: 2026-10-25_add-media-and-polish
Co-authored-by: GLM-5.3
This commit is contained in:
1 parent
80ab3ee3f3
commit
76b6b6b022
4 files changed
+14
-32
No files matched your search
@@ -133,8 +133,14 @@ const first = cards[0];
|
||||
<span id="lb-exif">{first?.exif}</span>
|
||||
<span id="lb-count">1 / {cards.length}</span>
|
||||
<span class="lb-orig">
|
||||
<a id="lb-original" href={first?.original} target="_blank" rel="noopener">{t('gallery_lightbox_original', locale)}</a>
|
||||
<a id="lb-download" href={first?.original} download>{t('gallery_lightbox_download', locale)}</a>
|
||||
<a id="lb-original" class="lb-act" href={first?.original} target="_blank" rel="noopener">
|
||||
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M15 3h6v6M21 3l-9 9M10 5H6a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2v-4"></path></svg>
|
||||
{t('gallery_lightbox_original', locale)}
|
||||
</a>
|
||||
<a id="lb-download" class="lb-act" href={first?.original} download>
|
||||
<svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12m0 0 4-4m-4 4-4-4M4 21h16"></path></svg>
|
||||
{t('gallery_lightbox_download', locale)}
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
<button id="lb-next" class="tap lbnav" type="button" aria-label={t('gallery_lightbox_next', locale)}>
|
||||
@@ -417,33 +423,8 @@ const first = cards[0];
|
||||
right: var(--space-3);
|
||||
}
|
||||
@media (max-width: 560px) {
|
||||
.lb-bottom { flex-wrap: wrap; }
|
||||
.lb-orig {
|
||||
display: inline-flex;
|
||||
gap: var(--space-3);
|
||||
margin-left: var(--space-2);
|
||||
}
|
||||
/* 动作胶囊:与 lbnav 同语言(暗底/描边/阴影),不再是裸链 */
|
||||
.lb-act {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 7px 12px;
|
||||
border-radius: 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.22);
|
||||
background: rgba(20, 24, 30, 0.55);
|
||||
color: #dfe6f3;
|
||||
font-family: var(--font-mono);
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
|
||||
backdrop-filter: blur(4px);
|
||||
transition: background var(--dur) var(--ease), color var(--dur) var(--ease);
|
||||
}
|
||||
.lb-act:hover {
|
||||
background: rgba(40, 48, 60, 0.75);
|
||||
color: #fff;
|
||||
}
|
||||
.lb-bottom { flex-wrap: wrap; justify-content: center; }
|
||||
.lb-orig { margin-left: 0; }
|
||||
.lb-meta { order: 3; flex-basis: 100%; }
|
||||
}
|
||||
</style>
|
||||
Reference in new issue
Block a user