fix: prevent queued badge icon clipping on tablets

This commit is contained in:
gsxdsm
2026-08-01 12:58:29 -07:00
parent 5d06c92b77
commit fdd2bf2418
2 changed files with 9 additions and 1 deletions

View File

@@ -267,7 +267,7 @@ Lock the id to the same chip-height row as .card-header-actions so the task id,
}
.card-status-badge--queued-with-reason {
padding-inline-end: 0;
padding-inline-end: var(--space-xs);
}
/*

View File

@@ -330,6 +330,14 @@ describe("TaskCard badge wrapping (FN-5162)", () => {
expect(mobileSection).not.toMatch(/\.card-meta-badges\s*\{/);
});
it("keeps right-side breathing room around queued reason icons at tablet widths", () => {
expectCssRuleToContain(
loadedCss,
".card-status-badge--queued-with-reason",
"padding-inline-end: var(--space-xs);",
);
});
it("places a fast-mode size badge after the task id before wrapping header badges", () => {
const { container: sizedContainer } = render(
<TaskCard