Fix code blocks within sub-elements in markdown
All <code> elements were block elements except those in <p> elements,
but really all <code> elements should be inline elements except those in
<pre> elements.
https://imgur.com/a/UgU4D71
Release-Notes: skip
Google-Bug-Id: b/248146533
Change-Id: I0d5166b377ad9b97f460b4bd27dee7c7eb11ce0c
diff --git a/polygerrit-ui/app/elements/shared/gr-markdown/gr-markdown.ts b/polygerrit-ui/app/elements/shared/gr-markdown/gr-markdown.ts
index 50f0602..c315603 100644
--- a/polygerrit-ui/app/elements/shared/gr-markdown/gr-markdown.ts
+++ b/polygerrit-ui/app/elements/shared/gr-markdown/gr-markdown.ts
@@ -80,9 +80,9 @@
/* Pre will preserve whitespace and line breaks but not wrap */
white-space: pre;
}
- /* Code within a sentence needs display:inline to shrink and not take a
- whole row */
- p code {
+ /* Non-multiline code elements need display:inline to shrink and not take
+ a whole row */
+ :not(pre) > code {
display: inline;
}
p {
