Skip to content

Resolved annotation badge renders an oversized checkmark #1

Description

@LKRCharon

Summary

In patch-mark@1.0.0, a resolved annotation renders the check SVG at nearly the full width of the annotation card instead of at badge size.

Reproduction

  1. Mount <patch-mark> with a store that supports update().
  2. Create an annotation.
  3. Resolve it, or load it with status: "resolved".
  4. Open the annotation list.

Actual behavior

The checkmark inside .pm-item-status expands into a very large icon. In a 396 px-wide panel, the live computed SVG dimensions were 234.219 × 234.219 px.

The resolved badge markup is:

<span class="pm-item-status">
  <svg viewBox="0 0 24 24"></svg>
  已解决
</span>

.pm-item-status styles the badge container, but does not constrain its child SVG. The action icons do have an explicit rule:

.pm-item-actions button svg {
  width: 0.78rem;
  height: 0.78rem;
}

Expected behavior

The resolved checkmark should remain a compact inline badge icon.

Suggested fix

.pm-item-status svg {
  width: 0.75rem;
  height: 0.75rem;
  flex: none;
}

A regression test should assert that the resolved-status SVG receives an explicit bounded width and height.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions