Skip to content

Site Logo Block: Add the same dimensions settings as the Image block #29217

@Copons

Description

@Copons

Description

The Site Logo block only has a "Image width" setting which not only can malfunction, it's also different than the dimensions settings of the Image block.

Since both blocks are used to render an image, they should have the same settings available.
For example, the Site Logo block should probably use the same ImageSizeControl component to handle its dimensions as the Image block.

Step-by-step reproduction instructions

  1. Insert a Site Logo block (add an image if needed), followed by a Paragraph block.
  2. Resize the logo using the resize handlers around the image itself.
  3. Then, try resizing the logo using the slider in the block settings sidebar.

Expected behaviour

The Site Logo wrapper resized along with the image.

Actual behaviour

The Site Logo wrapper didn't resize appropriately, and the image was either overlapping the following block, or smaller than the wrapper.

Screenshots or screen recording (optional)

Original Resize to Small Resize to Large
Screenshot 2021-02-22 at 12 11 41 Screenshot 2021-02-22 at 12 11 17 Screenshot 2021-02-22 at 12 11 27

WordPress information

  • WordPress version: 5.7-beta2-50343
  • Gutenberg version: 10.0.0-rc.1
  • Are all plugins except Gutenberg deactivated? Yes
  • Are you using a default theme (e.g. Twenty Twenty-One)? Yes

Device information

  • Device: Desktop
  • Operating system: macOS 11.2.1
  • Browser: Chrome 88.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    [Block] Site LogoAffects the Site Logo Block[Type] BugAn existing feature does not function as intended

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions