Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read
Q&A

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Main and subheadings are almost the same size, but not in the edit preview

+3
−0

When editing a post, headings with a single hash # show as significantly bigger than headings with a double hash ##. However, after saving, these two headings are much closer in size (to the point that my initial draft of this post mistakenly claimed that they are the same size).

For example:

# Heading 1
## Heading 2
### Heading 3
#### Heading 4

renders as:

Heading 1

Heading 2

Heading 3

Heading 4

Notice that Heading 1 and Heading 2 are quite similar in size here while you are reading this, but if you edit this post and look at the preview while editing, Heading 1 will be significantly bigger.

What should the correct behaviour be?

Personally I prefer the sizes that show in the preview while editing. I can easily tell the difference between Heading 1 and Heading 2 even if they are not adjacent in the post. I find the sizes in the saved post to be difficult to distinguish even when adjacent (especially in real cases that, unlike this example, don't both start with the same word).

Whatever the decision, what I see as important is that the preview should have the same behaviour as the rendered question, to avoid frustration for the question author, or being overlooked leading to a question that does not look as expected when written.

Why does this post require moderator attention?
You might want to add some details to your flag.
Why should this post be closed?

0 comment threads

3 answers

+2
−0

If you reduce the font size of h2 to 23px, it looks like this:

Heading with font size of heading 2 reduced to 23px

I think that looks nice; also that way the sizes of the headings approximately form a geometric progression, that is, each font is approximately by the same factor larger than the next.

Why does this post require moderator attention?
You might want to add some details to your flag.

0 comment threads

+1
−0

I think the problem is in the relative sizes. Here's what I see -- and the first two looked the same to me too until I took a really close look:

screen shot from post

The first one is large, the second one is slightly smaller, barely, and then there's a huge size difference between the second and third. The fourth is then visibly smaller than the third. I think if we dropped the size of the second one a bit, we could produce a smoother "gradient".

In contrast to what shows on this page, here's how the editor renders it:

editor screen shot

That's much better -- 2 is clearly smaller than 1. It doesn't look completely smooth to my eye, but the four sizes are clearly different -- good enough.

Why does this post require moderator attention?
You might want to add some details to your flag.

0 comment threads

+0
−0

[status-norepro]

If you use your browser's Inspect Element feature, you should be able to find the computed font sizes on each. On all browsers on my end I see h1 as 27.2px and h2 as 25px. Admittedly that's not much difference!

Why does this post require moderator attention?
You might want to add some details to your flag.

1 comment thread

I realised my mistake after saving the question... (5 comments)

Sign up to answer this question »