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
h5/css/ui-20261012.css
+2 -1
View File
@@ -9,9 +9,10 @@
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-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; }
#s-splash [data-action="open-privacy"],
#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];
});
});
assert.deepEqual(fonts[0], fonts[1], root + ': identical English font settings');
assert.equal(fonts[0][1], '23px');
assert.equal(fonts[0][0], fonts[1][0], root + ': same font family');
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[1][2], '400');
assert.match(await page.locator(root + ' .splash-slogan').getAttribute('aria-label'), /^1'me/);
}
const button = page.locator('#s-splash [data-action="open-privacy"]');