If there is a line break in a primary dropbutton, it will not match the height of the adjacent toggle

Created on 16 November 2022, over 2 years ago
Updated 23 June 2023, almost 2 years ago

Problem/Motivation

This can happen

  • At narrower widths
  • When a dropbutton has more than one word (thus it has a space)

At certain viewport widths, the browser may add a line break between words, which results in the primary button having more height than the disclosure button next to it. The intent is for these heights to match. While this does not make the dropbutton unusable, it is not a visual experience that inspires confidence.

Steps to reproduce

1. Login as an Admin user.
2. Go to a page with a dropbutton that has a primary button with a label that includes at least one space such as "Manage Fields" in Home > Administration > Strucuture > Content types (admin/structure/types).
3. Switch to the tablet device view using inspect tool.

🐛 Bug report
Status

Fixed

Version

11.0 🔥

Component
Claro 

Last updated 1 day ago

Created by

🇮🇳India akshaydalvi212

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