xuans/Scert
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复初始化SMTP通知复选框与文字水平对齐

Browse Source
This commit is contained in:
xuans 2026-09-26 22:32:26 +08:00
parent bd9aec6ada
commit 83611af21d
2 changed files with 39 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/views/SetupWizard/SetupWizard.css
View File

@ -1134,11 +1134,28 @@ button:disabled {
line-height: 1.35;
}
.setup-notification-step input,
.setup-notification-step input:not([type="checkbox"]),
.setup-notification-step select {
height: 34px;
}
.setup-notification-step .confirm-row {
align-items: center;
}
.setup-notification-step .confirm-row > input[type="checkbox"] {
width: 16px;
height: 16px;
min-height: 16px;
margin: 0;
padding: 0;
}
.setup-notification-step .confirm-row strong {
display: flex;
align-items: center;
}
.setup-notification-step textarea {
min-height: 48px;
}

21
frontend/src/views/SetupWizard/SetupWizardLayout.test.js
View File

@ -52,6 +52,27 @@ test("notification step exposes SMTP only and keeps sender fields in its panel",
assert.ok(find(advanced, hasClass("email-option-grid")));
});
test("notification checkboxes stay compact and centered with their labels", () => {
const css = readFileSync(new URL("./SetupWizard.css", import.meta.url), "utf8");
assert.doesNotMatch(css, /\.setup-notification-step input\s*[,\{]/);
assert.match(css, /\.setup-notification-step input:not\(\[type="checkbox"\]\)/);
const rule = (selector) => {
const body = css.slice(css.indexOf(`${selector} {`) + selector.length + 2).split("}")[0];
assert.ok(css.includes(`${selector} {`), selector);
return body;
};
assert.match(rule(".setup-notification-step .confirm-row"), /align-items:\s*center/);
const checkbox = rule('.setup-notification-step .confirm-row > input[type="checkbox"]');
for (const property of ["width", "height", "min-height"]) {
assert.match(checkbox, new RegExp(`${property}:\\s*16px`));
}
assert.match(checkbox, /margin:\s*0;/);
assert.match(checkbox, /padding:\s*0;/);
const title = rule(".setup-notification-step .confirm-row strong");
assert.match(title, /display:\s*flex/);
assert.match(title, /align-items:\s*center/);
});
test("account heading precedes the two-column account fields", () => {
const root = template("./SetupWizard.vue");
const card = find(root, (node) => node.tag === "fieldset"