Quantcast
Channel: Issues for Drupal core
Viewing all articles
Browse latest Browse all 291721

Dropbuttons and regular buttons are misaligned

$
0
0

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:

Only local images are allowed.

Misaligned dropbutton and button

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


Viewing all articles
Browse latest Browse all 291721

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>