Dropbuttons and regular buttons are misaligned

Created on 14 February 2023, over 1 year ago
Updated 10 November 2023, about 1 year ago

Problem/Motivation

Dropbuttons on forms in conjunction with regular buttons can be misaligned due to discrepancy on the margins top and bottom.

Steps to reproduce

An example is a Feed Channel entity as provided by the Feeds module on a Drupal 9 install with Gin theme active.

The Feed Channel entity features a dropbutton + a regular button.

This can reproduced both using Claro and Gin, who depends on Claro:

Proposed resolution

The .dropbutton-wrapper CSS that sets margin top and bottom to 0.5rem is provided by Claro
/core/themes/claro/css/components/dropbutton.css?rq2mag

The 1rem margin for .form-actions .action-link is also provided by Claro on core/themes/claro/css/components/form.css

They should be normalized.

Remaining tasks

Decide a solution and implement it.

User interface changes

None

API changes

None

Data model changes

None

🐛 Bug report
Status

Fixed

Version

10.2

Component
Claro 

Last updated about 12 hours ago

Created by

🇪🇸Spain idiaz.roncero Madrid

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024