obsidian-plugin/callumalpass_tasknotes
1
0
Fork 0
mirror of https://github.com/callumalpass/tasknotes.git synced 2026-07-22 12:50:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix mobile chevron status overlap

Browse source
This commit is contained in:
callumalpass 2026-06-02 02:19:02 +10:00
parent 12f5998333
commit 118871d4e3
4 changed files with 24 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
docs/releases/unreleased.md
View file

@ -36,6 +36,7 @@ When a change has user-facing documentation, include a canonical tasknotes.dev l
- (#1980) Added mobile bottom spacing to Agenda Calendar views so the last visible tasks can scroll above Obsidian's bottom navigation bar. Thanks to @Jomo94 for reporting and sharing the screenshot.
- (#1984) Fixed mobile task link overlays hiding configured inline task card properties such as scheduled date, due date, contexts, and projects. Thanks to @stil-sudo for reporting.
- (#1979) Kept the left-positioned subtask chevron from overlapping the task status control on mobile task cards. Thanks to @Jomo94 for reporting and sharing the screenshot.
- (#1903) Reduced the Edit Task modal's mobile action-button footer so Open note, Archive, Delete, Save, and Cancel take two rows instead of three on iPhone-sized screens. Thanks to @3zra47 for the original report and @krzyfu for the follow-up about the button area crowding the editor.
- (#1982) Preserved scroll position in TaskNotes Bases after task edits and data refreshes, avoiding jumps back to the top on mobile. Thanks to @3zra47 for reporting.
- (#1978) Restored Obsidian editor shortcuts such as insert link, headings, and list toggles inside the Edit Task modal's Details editor. Thanks to @krzyfu for reporting this.

2
styles/task-card-bem.css
View file

@ -662,7 +662,7 @@ body.is-mobile .tasknotes-plugin .task-card__chevron svg {
}
body.is-mobile .tasknotes-plugin .task-card.task-card--chevron-left .task-card__chevron {
left: var(--tn-spacing-xs);
left: calc(-1 * var(--tn-mobile-task-card-menu-size) - var(--tn-spacing-xs));
width: 32px;
height: 32px;
}

2
tests/unit/issues/issue-1947-mobile-left-chevron-layout.test.ts
View file

@ -12,7 +12,7 @@ describe("Issue #1947: mobile left-chevron task cards", () => {
const css = readRepoFile("styles/task-card-bem.css");
expect(css).toMatch(
/body\.is-mobile \.tasknotes-plugin \.task-card\.task-card--chevron-left \.task-card__chevron\s*\{[^}]*left:\s*var\(--tn-spacing-xs\);[^}]*width:\s*32px;[^}]*height:\s*32px;/s
/body\.is-mobile \.tasknotes-plugin \.task-card\.task-card--chevron-left \.task-card__chevron\s*\{[^}]*left:\s*calc\(-1 \* var\(--tn-mobile-task-card-menu-size\) - var\(--tn-spacing-xs\)\);[^}]*width:\s*32px;[^}]*height:\s*32px;/s
);
expect(css).toMatch(
/body\.is-mobile \.tasknotes-plugin \.task-card\.task-card--chevron-left:not\(\.task-card--layout-inline\):not\(\.task-card--layout-compact\)\s*\{[^}]*padding-left:\s*calc\(var\(--tn-mobile-task-card-menu-size\) \+ var\(--tn-spacing-sm\)\);/s

21
tests/unit/issues/issue-1979-mobile-left-chevron-status-overlap.test.ts Normal file
View file

@ -0,0 +1,21 @@
import fs from "fs";
import path from "path";
const repoRoot = path.resolve(__dirname, "../../..");
function readRepoFile(relativePath: string): string {
return fs.readFileSync(path.join(repoRoot, relativePath), "utf8");
}
describe("Issue #1979: mobile left-chevron status overlap", () => {
it("keeps the left subtask chevron in the reserved gutter instead of on top of the status indicator", () => {
const css = readRepoFile("styles/task-card-bem.css");
expect(css).toMatch(
/body\.is-mobile \.tasknotes-plugin \.task-card\.task-card--chevron-left \.task-card__chevron\s*\{[^}]*left:\s*calc\(-1 \* var\(--tn-mobile-task-card-menu-size\) - var\(--tn-spacing-xs\)\);/s
);
expect(css).toMatch(
/body\.is-mobile \.tasknotes-plugin \.task-card\.task-card--chevron-left:not\(\.task-card--layout-inline\):not\(\.task-card--layout-compact\)\s*\{[^}]*padding-left:\s*calc\(var\(--tn-mobile-task-card-menu-size\) \+ var\(--tn-spacing-sm\)\);/s
);
});
});