There is an issue with the dropdown button action overlapping in display view mode.

Changes are made on on 11.x (our main development branch) first, and are then back ported as needed according to our policies.

MR needs work, issue summary is incomplete for a UI change

The issue is fixed using suggested resolution.

.dropbutton-action a {
    display: flex
    align-items: center;
    padding: 0 0.5625rem;
    -webkit-text-decoration: none;
    text-decoration: none;
    color: var(--dropbutton--text-color);
    font-weight: 600;
    height: auto;
    margin: 2px;
}

I have tested MR 10418. Now it's look good but its overlaping blelow button.
For now it's Done.
I move it to RTBC.
THANKS!!

The proposed resolution works great!

Drupal 10.3.10

Before

After

Tested on local env and it works. Great work!

I tested the proposed resolution in my local setup and worked as expected!

Local setup settings:

• Drupal 11.1.0
• Web Server: nginx/1.26.1
• PHP: 8.3.10
• Database: MariaDB 10.11.8

Before:

After:

In display view mode the dropdown buttons overlap

The Needs Review Queue Bot → tested this issue. It fails the Drupal core commit checks. Therefore, this issue status is now "Needs work".

This does not mean that the patch necessarily needs to be re-rolled or the MR rebased. Read the Issue Summary, the issue tags and the latest discussion here to determine what needs to be done.

Consult the Drupal Contributor Guide → to find step-by-step guides for working with issues.

I am Working on it to fix the CSS linting (stylelint) pipeline.

Fix the CSS linting (stylelint) pipeline.

Note: Only dropbutton.pcss.css should be modified. The corresponding dropbutton.css file is auto-generated via yarn run build:css. Manual changes to the .css file are not required; edits should be made solely to the .pcss.css source.

What's the use case for using olivero as an admin theme? It wasn't designed to be an admin theme so believe this is a won't fix.