root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(FN-1296): reduce done-card mobile touch targets to prevent vertical stretching

Browse Source 
- Reduce min-height and padding on done column cards for mobile breakpoints
- Update board-mobile test expectations to match new compact sizing
- Prevents excessive vertical stretching of completed task cards on small screens
This commit is contained in:
gsxdsm
2026-04-08 22:04:57 -07:00
parent bbc3d6236f
commit f478876ee8
2 changed files with 10 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
packages/dashboard/app/components/__tests__/board-mobile.test.tsx
View File

@@ -163,25 +163,25 @@ describe("TaskCard mobile", () => {
expectRuleToContain(mobileSection, ".card-archive-btn", "opacity: 1;");
});
it("sets .card-archive-btn min-height: 44px in the mobile media block", () => {
it("sets .card-archive-btn min-height: 28px in the mobile media block", () => {
const css = fs.readFileSync(stylesPath, "utf-8");
const mobileSection = getMainMobileSection(css);
expectRuleToContain(mobileSection, ".card-archive-btn", "min-height: 44px;");
expectRuleToContain(mobileSection, ".card-archive-btn", "min-height: 28px;");
});
it("sets .card-steps-toggle min-height: 44px in the mobile media block", () => {
it("sets .card-steps-toggle min-height: 32px in the mobile media block", () => {
const css = fs.readFileSync(stylesPath, "utf-8");
const mobileSection = getMainMobileSection(css);
expectRuleToContain(mobileSection, ".card-steps-toggle", "min-height: 44px;");
expectRuleToContain(mobileSection, ".card-steps-toggle", "min-height: 32px;");
});
it("sets .card-session-files min-height: 44px in the mobile media block", () => {
it("sets .card-session-files min-height: 32px in the mobile media block", () => {
const css = fs.readFileSync(stylesPath, "utf-8");
const mobileSection = getMainMobileSection(css);
expectRuleToContain(mobileSection, ".card-session-files", "min-height: 44px;");
expectRuleToContain(mobileSection, ".card-session-files", "min-height: 32px;");
});
it("keeps .card-edit-btn width and height at 44px in the mobile media block", () => {

7
packages/dashboard/app/styles.css
View File

@@ -6020,7 +6020,7 @@ body {
.card-archive-btn,
.card-unarchive-btn {
opacity: 1;
min-height: 44px;
min-height: 28px;
padding: 4px 10px;
}
@@ -6035,7 +6035,8 @@ body {
}
.card-steps-toggle {
min-height: 44px;
min-height: 32px;
padding: 4px 0;
}
/* Card: smaller status badges for 280px width */
@@ -6058,7 +6059,7 @@ body {
/* Card: session files button touch target */
.card-session-files {
min-height: 44px;
min-height: 32px;
}
/* Inline create: fit within 280px column */