diff --git a/docs/releases/unreleased.md b/docs/releases/unreleased.md index c29cde0dd..21617927f 100644 --- a/docs/releases/unreleased.md +++ b/docs/releases/unreleased.md @@ -42,3 +42,8 @@ When a change has user-facing documentation, include a canonical tasknotes.dev l - (#2147) Added context-menu actions for recording task completion today, on the scheduled date, on the due date, or on a chosen date. The actions can be grouped in a submenu from Appearance settings. See [Completing Tasks](https://tasknotes.dev/features/task-management/#completing-tasks). - Rescheduling a recurring task can reactivate affected completed or skipped instances after confirmation. See [Recurring Tasks](https://tasknotes.dev/features/recurring-tasks/). - Thanks to @renatomen for the contribution. + +## Fixed + +- (#2303) Removed the extra space after inline task links on desktop while retaining the task menu on touch devices. + - Thanks to @nelsonlove for the fix. diff --git a/styles/task-inline-widget.css b/styles/task-inline-widget.css index 261a5dfa7..dbdc4693a 100644 --- a/styles/task-inline-widget.css +++ b/styles/task-inline-widget.css @@ -516,3 +516,21 @@ .tasknotes-plugin .task-inline-preview[draggable="true"]:active { cursor: grabbing; } + +/* ================================================================= + INLINE LAYOUT: NO TRAILING CONTEXT-MENU BOX + ================================================================= */ + +/* + * The context-menu affordance is `opacity: 0` until its card is hovered. That hides + * it but keeps its 14px box in layout. In the card layouts it costs nothing, because + * it sits at the end of a row of its own and `margin-left: auto` parks it against the + * edge. Inline, it leaves 14px of dead space plus the row's gap after every task + * link, in the middle of running prose - and `margin-left: auto` does nothing there. + * + * Removed rather than hidden-on-hover: an invisible target inside a sentence cannot + * be aimed for, and the link still has its right-click menu. + */ +.tasknotes-plugin .task-card--layout-inline .task-card__context-menu { + display: none; +}