Skip to content

Add Border, Radius, and Scaling Options to Media & Text Block #65870

Closed

Description

@Hari-Bonda

What problem does this address?

Currently, the media and text block does not support adding borders or setting a radius, which limits design flexibility when trying to achieve a modern, softer look. Additionally, there is no option to scale the media and text block, making it difficult to adjust the size as needed. I would like to make the block smaller, but there doesn't seem to be an option for this.

What is your proposed solution?

I propose adding an option to the media and text block that allows users to set a border and border radius, enabling round edges for a more customizable design. Additionally, a scaling option should be introduced to allow users to easily adjust the block size. If there is already a way to scale the block, please guide me towards it.

Image

Activity

  1. changed the title [-]Enhancement Request: Add Border, Radius, and Scaling Options to Media and Text Block[/-] [+]Add Border, Radius, and Scaling Options to Media & Text Block[/+] on Oct 4, 2024
  2. vk17-starlord commented on Oct 8, 2024

    @vk17-starlord
    Contributor

    @colorful-tones can i take this issue

  3. colorful-tones commented on Oct 8, 2024

    @colorful-tones
    Member

    @colorful-tones can i take this issue

    @vk17-starlord - you would not need permission to tackle this issue. Anyone can submit a pull request to address items in the Gutenberg project.

    However, before submitting a pull request, I would advise you to do our due diligence on the following:

    • Searching the Gutenberg repo for similar open issues and seeing if similar requests are related to "Media & Text block," "border-radius," or "scaling." This would allow us to assign weight to whether the requested features are relevant.
    • If you want to proceed with opening a pull request, I suggest opening separate pull requests to address individual items: border radius, scaling, etc. Keep the code changes small for code reviews and feedback.

    Thanks!

  4. vk17-starlord commented on Oct 9, 2024

    @vk17-starlord
    Contributor

    ok @vk17-starlord will raise PR

  5. vk17-starlord commented on Oct 9, 2024

    @vk17-starlord
    Contributor

    @colorful-tones - #64750. i guess this issues are similar

  6. colorful-tones commented on Oct 10, 2024

    @colorful-tones
    Member

    #64750. i guess this issues are similar

    Yes, that issue is similar. The only differentiating piece I see is that #65870 asks for "scaling options". I'm not certain how that would look, but perhaps we could re-scope this issue @Hari-Bonda to clarify the scaling enhancements only and then allow #64750 to cover the rest, please?

  7. vk17-starlord commented on Oct 10, 2024

    @vk17-starlord
    Contributor

    @colorful-tones i can work on this issue if you define a scope for this issue .

  8. Hari-Bonda commented on Oct 11, 2024

    @Hari-Bonda
    Author

    Update: I was trying to create two feature cards using the Media & Text block, but they weren't fitting properly—possibly due to the image size. After discussing the issue with someone in the Gutenberg community, they suggested using the Cover block approach to achieve this layout.

    By 'scaling,' I mean there should be an option to reduce the size of the entire media box, including the image

    https://goblocks.rgproject.id/patterns/card-1/?fbclid=IwZXh0bgNhZW0CMTAAAR2le24p8ffeBr_cKCj8o9Sn1mwZfIY_x-hlibAdteZ11jSEKuGNN478Yhc_aem_AOJbHB6FxvqDvwlV-P7rsA

    Image

  9. colorful-tones commented on Oct 15, 2024

    @colorful-tones
    Member

    they suggested using the Cover block approach to achieve this layout.

    Yes, the Cover block is more suitable for this.

    Since #64750 already exists to cover the border and shadow features. I believe we're good to close this issue out.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions