Markdown preview field shows h3 and h4 in same size.

[konradm]

Describe the bug

Markdown preview field shows h3 and h4 in same size.

Expected behavior & Actual behavior

As a content editor, I'd expect to see a difference in size. Probable solution: increase size of h2 and h3

System configuration

Avo version: 3.31.2

Rails version: 8.0.4

Ruby version: 3.4.8

License type:

• Community
• Pro
• Advanced

Are you using Avo monkey patches, overriding views or view components?

• Yes. If so, please post code samples.
• No

Screenshots or screen recordings

Additional context

Impact

• High impact (It makes my app un-usable.)
• Medium impact (I'm annoyed, but I'll live.)
• Low impact (It's really a tiny thing that I could live with.)

Urgency

• High urgency (I can't continue development without it.)
• Medium urgency (I found a workaround, but I'd love to have it fixed.)
• Low urgency (It can wait. I just wanted you to know about it.)

[linear-code]

AVO-1233

[adrianthedev]

Yup. Maybe we need a different size.
I labelled it Help wanted

[ruyrocha]

It happens only when field is :markdown type , not :easy_mde; changing typography.css file to this fix the issue:

h1:not(.marksmith-rendered-body *) {
  @apply text-4xl;
}

h2:not(.marksmith-rendered-body *) {
  @apply text-3xl;
}

h3:not(.marksmith-rendered-body *) {
  @apply text-2xl;
}

h4:not(.marksmith-rendered-body *) {
  @apply text-xl;
}

h5:not(.marksmith-rendered-body *) {
  @apply text-lg;
}

@layer base {
  a {
    @apply text-primary-500;
  }
}

raw

preview

Probably it would be better to fix it on new https://github.com/avo-hq/marksmith ; thoughts?