xsl/juzi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(h5): enlarge regular brand text for optical alignment

Browse Source
This commit is contained in:
xsl
2026-10-13 22:40:04 +08:00
parent fc711e3b1c
commit 61a7f7c726
3 changed files with 8 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
graphify-out/manifest.json
+2 -2
View File
@@ -2020,8 +2020,8 @@
"semantic_hash": "" "semantic_hash": ""
}, },
"h5/test/splash-brand-browser.mjs": { "h5/test/splash-brand-browser.mjs": {
"mtime": 1791894154.8087292, "mtime": 1791901607.7048087,
"ast_hash": "f0927d459653a70bb8fbc668fa066dad", "ast_hash": "1ae44d528f227ea038a27d13fca81c75",
"semantic_hash": "" "semantic_hash": ""
}, },
"docs/\u62cd\u6444\u89d2\u5ea6\u4e0d\u5408\u683c\u9707\u52a8\u63d0\u9192-2026-10-13.md": { "docs/\u62cd\u6444\u89d2\u5ea6\u4e0d\u5408\u683c\u9707\u52a8\u63d0\u9192-2026-10-13.md": {
h5/css/ui-20261012.css
+2 -1
View File
@@ -9,9 +9,10 @@
top: max(6.838833%, calc(env(safe-area-inset-top) + 48px)); top: max(6.838833%, calc(env(safe-area-inset-top) + 48px));
} }
#s-splash .splash-slogan { top: max(6.838833%, calc(env(safe-area-inset-top) + 48px)); } #s-splash .splash-slogan { top: max(6.838833%, calc(env(safe-area-inset-top) + 48px)); }
/* Keep the PSD Chinese line; both English lines share the exact regular font. */ /* Keep the PSD Chinese line; compensate the lowercase brand's smaller x-height. */
.splash-slogan-updated .splash-slogan-copy { width:100%; height:100%; clip-path:inset(68% 0 0); } .splash-slogan-updated .splash-slogan-copy { width:100%; height:100%; clip-path:inset(68% 0 0); }
.splash-slogan-brand, .splash-slogan-english { position:absolute; top:0; left:50%; transform:translateX(-50%); font-family:Arial,sans-serif; font-size:23px; font-weight:400; line-height:1; white-space:nowrap; } .splash-slogan-brand, .splash-slogan-english { position:absolute; top:0; left:50%; transform:translateX(-50%); font-family:Arial,sans-serif; font-size:23px; font-weight:400; line-height:1; white-space:nowrap; }
.splash-slogan-brand { top:-4px; font-size:28px; }
.splash-slogan-english { top:26.736111px; } .splash-slogan-english { top:26.736111px; }
#s-splash [data-action="open-privacy"], #s-splash [data-action="open-privacy"],
#s-splash [data-action="open-privacy"]:focus, #s-splash [data-action="open-privacy"]:focus,
h5/test/splash-brand-browser.mjs
+4 -2
View File
@@ -27,9 +27,11 @@ try {
return [s.fontFamily, s.fontSize, s.fontWeight, s.lineHeight]; return [s.fontFamily, s.fontSize, s.fontWeight, s.lineHeight];
}); });
}); });
assert.deepEqual(fonts[0], fonts[1], root + ': identical English font settings'); assert.equal(fonts[0][0], fonts[1][0], root + ': same font family');
assert.equal(fonts[0][1], '23px'); assert.equal(fonts[0][1], '28px', 'lowercase brand has optical size compensation');
assert.equal(fonts[1][1], '23px', 'English tagline remains unchanged');
assert.equal(fonts[0][2], '400'); assert.equal(fonts[0][2], '400');
assert.equal(fonts[1][2], '400');
assert.match(await page.locator(root + ' .splash-slogan').getAttribute('aria-label'), /^1'me/); assert.match(await page.locator(root + ' .splash-slogan').getAttribute('aria-label'), /^1'me/);
} }
const button = page.locator('#s-splash [data-action="open-privacy"]'); const button = page.locator('#s-splash [data-action="open-privacy"]');