-
Notifications
You must be signed in to change notification settings - Fork 101
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Heading h6 is looking bigger than the heading h5. #629
Comments
There seems to be some inconsistencies in heading sizes across the various themes. In some case h1 and 2 are x-large, 3 and 4 are large, and 5 is medium, 6 is small. In other cases 5 is med, 6 is small. And I think there are a couple more cases like this. @juanfra @beafialho is there a conssitent pattern we want for headings? I can review and update those accordingly. |
@troychaplin I believe all style variations heading sizes have been reviewed, already. But just to double check, from which variation is the screenshot you shared in the issue? |
@beafialho That looks like the default style, I didn't create the issue originally. I did notice that there are some differences in the afternoon theme, the h5 is set to medium and it looks bigger than the h4 |
@NidhiDhandhukiya74 thanks for creating the issue. Can you please share which style variation you are seeing this in? I'm assuming it's the default, as it's a white background. But maybe you can share more information on what you are doing to see things like that. Can you also confirm you don't have any customization in place? I believe there's no style variation where the heading is pink. Thanks. |
The screenshots below DefaultH6 same size as H5, heavier weight, uppercase, wider letter spacing EveningH6 same size as H5, heavier weight, uppercase, wider letter spacing NoonH6 smaller size than H5, heavier weight, uppercase, wider letter spacing DuskH6 smaller size than H5, heavier weight, uppercase, wider letter spacing AfternoonH6 smaller size than H5, same TwilightH6 same size as H5, heavier weight, uppercase, wider letter spacing MorningH6 same size and weight as H5, uppercase, with normal letter spacing for both SunriseH6 same size as H5, lighter weight, uppercase, wider letter spacing MidnightH6 same size and weight as H5, uppercase, wider letter spacing |
The sizes and appearance in the screenshots in the comments above are all intended, they use font size presets and Heading 6 has specific letter case occasionally. The only thing I noticed was Afternoon's H5. It looks bigger because it has Everything else is looking as expected. |
After looking through your screenshot I do see one of the inconsistencies relating to what I mentioned early. In each style the h4 is slightly larger than the h5, except in the afternoon styles. Once the letter spacing is fixed, both the h4 and h5 are the same size, which is inconsistent with every other style option. That doesn't strike me as being intentional |
Description
When you choose heading block and check it with h5 and h6 then h6 looks bigger than the h5.
Step-by-step reproduction instructions
Expected behavior
h6 had to be smaller than the h5.
Screenshots
Environment info
The text was updated successfully, but these errors were encountered: