Recently, I entered the undermentioned:
> <small>Powered by [`noggin`](https://github.com/fedora-infra/noggin) `v1.11.0` (`stable:d236f5e`)</small>
…at another Discourse instance:
accounts.centos.org states: You can also use your Fedora account to login here. However, when I attempt to enter my credentials there, I observe: Unauthorized: bad credentials. What does this mean? The Environment Powered by noggin...
Reading time: 1 min 🕑
Likes: 2 ❤
It was quoted from the cited website.
When it is rendered, all of the small > a > code renders, whereas code of the small > code does not:
Powered by noggin v1.11.0 (stable:d236f5e)
In case it differs for you, I observe:
…is what I originally believed! Rather, it does render, but the CSS renders the small > code invisible, because its background colouration is identical to that of the blockQuote’s. Strangely, this is untrue for the a[href].
Here’s what I see
If I understand correctly the text is all displayed, you think the code background is too hard to see.
This might be a Discourse theme problem. Do you know the name of the theme? If it’s maintained by Discourse, bring that up to the theme feedback topic; if it’s customized by the forum, you should tell them.
@sk-or-v1-contents , rather, the background behind the “v1.11.0” is invisible:
1 Like
Thanks for the report @roke_julian_lockhart
It’ll be fixed by
main ← fix-code-visibility-in-quotes
merged 01:25PM - 17 Aug 26 UTC
Previously, inline `code` only got its chip styling when its direct parent was `… p`, `li`, `strong`, `em` or `a` — every other container (`small`, `b`, `i`, `sub`, `sup`, `span`, `del`, headings, table cells, …) fell through to the code-block rule, whose light-mode background is a 3% blend of primary over secondary and is therefore indistinguishable from a quote's 5% blend, and *exactly identical* inside a nested quote. Fenced code blocks sat on the same collision, so they vanished in quotes too.
This change makes the inline style the default for `code` and scopes the block style to `pre > code`, and derives `$hljs-bg` from `$inline-code-bg` so the two code surfaces match by default and neither disappears against a quote background. `--hljs-bg` and `--inline-code-bg` both keep their names and meanings, so themes that differentiate them are unaffected.
Reported in https://meta.discourse.org/t/code-is-invisible-solely-when-directly-inside-small/410078
### Screenshots
<img width="3200" height="1538" alt="comparison-dark" src="https://github.com/user-attachments/assets/28263913-6d94-46b5-a8e6-4178a601521f" />
<img width="3200" height="1538" alt="comparison-light" src="https://github.com/user-attachments/assets/86ab9405-f53e-423c-8e31-6b438bf2e5c5" />
2 Likes