Notes that begin with a bullet appear malformed

[spurin]

This is a Bug Report

Problem:

Using https://kubernetes.io/docs/concepts/policy/resource-quotas as an example, Note blocks that start with a bullet appear malformed, same outcome in both Chrome and Safari, note the dot over the e characters and incorrect indentation -

Proposed Solution:

Let's discuss further, possibly, maybe this can be fixed via hugo, otherwise we could investigate an update to all affected pages.

Page to Update:

We should update all notes that meet this criteria, investigate after a proposed solution is agreed.

[dipesh-rawat]

/area web-development

[dipesh-rawat]

It seems that our recent update to align with Docsy-style callouts in #46232 may have unintentionally caused this issue. There's definitely room for improvement here, and we should address this to ensure the content is displayed properly.

/priority backlog
/triage accepted

[sftim]

Oops. I think we can address this with a CSS fix; for example, not making the “note” text an inline block when the parent <div> contains either <ul> or <ol> (using :not and :has selectors).

---

For a simple fix, make the “Note:” text never be an inline block.

[tamilselvan1102]

i would like to try

[tamilselvan1102]

/assign