Skip to content

Extract a common, reusable loading spinner (nx2) #599

Description

@usman-khalid

Follow-up from review feedback on #592

nx2 has multiple near-identical rotating border-spinners, each defining its own @keyframes:

  • nx2/blocks/ew-actions/ew-actions.css.preview-dropdown-spinner + @keyframes preview-dropdown-spin (added in feat(ew): show loading spinner on preview & publish #592)
  • nx2/styles/form.css.da-checkbox.loading + @keyframes da-spin
  • nx2/public/plugins/quick-edit/quick-edit.csspicture.image-uploading::after + @keyframes spin

All three are the same pattern (border + border-top-color transparent + border-radius: 50% + rotate(360deg)), just with different sizes/colors and duplicated keyframes.

Should consolidate and re-use across these UI surfaces.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions