Problem/Motivation

In Drupal 10, the "Add block" button appears with full padding and a pill-shaped style (see attached screenshot).
However, in Drupal 11, the same button appears distorted. It is compressed from the sides (see second screenshot).

Drupal 10 Behavior Screenshot
Drupal 11 Behavior Screenshot

CommentFileSizeAuthor
Drupal 10.jpg172.93 KBslucero
Drupal 11.jpg169.31 KBslucero

Issue fork patternkit-3542307

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

slucero created an issue. See original summary.

slucero opened merge request !163

slucero credited minsharm.

slucero’s picture

slucero
he/him
Primary language English
commented
Status: Active » Needs review

For this issue I found that form override styles we had in place previously were no longer needed and causing this issue. Removing them resolves it.

minsharm’s picture

minsharm commented

I have tested the issue on both D10 and D11 and result looks good to me.

Steps to test

1) Go to any existing Drupal site with PK module already installed.
2) Go to content -> Add content. Select Basic Page.
3) Give the title of the page and click save.
4) Go to Layout Tab. (Layout Builder module should already be installed) and click on add block.
5) Search Patternkit example block and click on it.
6) Observe the "Add block" button styling.

Results - Add/Update block button now appears with full padding and pill-shaped style.

slucero’s picture

slucero
he/him
Primary language English
commented
Status: Needs review » Fixed

Merged for inclusion in the 9.1.3 release (see #3542304: Patternkit 9.1.3 Release Plan).

Now that this issue is closed, please review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, please credit people who helped resolve this issue.

  • slucero committed 28e3200b on 9.1.x 
    [#3542307 ] Fix inconsistent submit button widths.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.