Skip to content

Tag Cloud: Uneven spacing when set to the "Outline" style #66678

@andersnoren

Description

@andersnoren

Description

When you set a Tag Cloud block to the "Outline" style, the spacing between the items is set both with a gap on the container and a margin-right on reach individual link element, resulting in uneven spacing between the items.

Step-by-step reproduction instructions

  1. Insert a Tag Cloud block.
  2. Set it to the "Outline" style.
  3. Inspect it on the front-end, and verify that there's both a gap on the .wp-block-tag-cloud container and a margin-right on each link element, resulting in an uneven spacing between each item.

Screenshots, screen recording, code snippet

Current Appearance With the margin-right removed in the inspector
Image Image

Environment info

WP 6.6.2
With our without Gutenberg
Twenty Twenty-Four

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] Tag CloudAffects the Tag Cloud Block[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

    Type

    No type
    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