Quantcast
Viewing all articles
Browse latest Browse all 295826

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

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.

Image may be NSFW.
Clik here to view.

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.


Viewing all articles
Browse latest Browse all 295826

Trending Articles



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