fix(frontend): align header checkin width

This commit is contained in:
2026-10-11 12:40:37 +08:00
parent b368678662
commit 6e90a96a15
4 changed files with 20 additions and 1 deletions
+7
View File
@@ -2876,6 +2876,13 @@ main.container,
color: var(--color-ink-2);
}
/* Keep the block CTA flush with the VIP row's padded inner width. */
.aksrt-header-userbox > .mt6.em09 > .but.block {
display: block;
box-sizing: border-box;
width: 100%;
}
/* Top-nav bell badge (the card itself uses the legacy badge.top element). */
.aksrt-nav-notification .aksrt-notification-badge {
position: absolute;
+1 -1
View File
File diff suppressed because one or more lines are too long
+7
View File
@@ -170,6 +170,13 @@
color: var(--color-ink-2);
}
/* Keep the block CTA flush with the VIP row's padded inner width. */
.aksrt-header-userbox > .mt6.em09 > .but.block {
display: block;
box-sizing: border-box;
width: 100%;
}
/* Top-nav bell badge (the card itself uses the legacy badge.top element). */
.aksrt-nav-notification .aksrt-notification-badge {
position: absolute;
@@ -181,6 +181,7 @@ test('the account popover rows match the reference user box structure', () => {
const identity = read('inc/helpers/aksrt-identity.php');
const legacyMainCss = read('assets/css/main.css');
const buttonsCss = read('assets/css/core/buttons.css');
const headerUserboxCss = read('assets/css/frontend/header-userbox.css');
// Stats row is wired with the reference wrapper and carries the posts chip.
assert.match(header, /aksrt_header_user_badges_row\(\$user_id\)/);
@@ -217,7 +218,11 @@ test('the account popover rows match the reference user box structure', () => {
// Check-in entry is an anchor with the reference button classes.
assert.match(header, /but block c-yellow/);
assert.match(header, /but block c-yellow is-done/);
assert.match(buttonsCss, /\.but\.block\s*\{\s*display:\s*block;\s*\}/);
assert.doesNotMatch(header, /but block c-yellow[^"']*btn-block/);
assert.match(headerUserboxCss, /\.aksrt-header-userbox > \.mt6\.em09 > \.but\.block\s*\{\s*display:\s*block;\s*box-sizing:\s*border-box;\s*width:\s*100%;/s);
assert.match(header, /<div class="mt6 em09" style="padding:2px;">' \. \$checkin \. '<\/div>/);
assert.match(header, /data-signin-done-label[\s\S]{0,120}?今日已签到/);
// The reference renders fa-calendar-check-o, an outline glyph; FA5 keeps that
// look through the regular weight rather than the solid one.