Fix line height on inline code preview (#30372)

silverwind · web-flow · commit 6cac11cb1bc4 · 2024-04-10T05:44:48.000Z
Fixes #30353. I don't know what causes `code-inner` to not inherit `line-height` from its direct parent `.lines-code` but instead from grandparent `.markup` even thought MDN tells me it's [inherited](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#formal_definition). This causes no negative impact on other code views, so I think it's the best solution.
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -1242,6 +1242,7 @@ overflow-menu .ui.label {
   white-space: pre-wrap;
   word-break: break-all;
   overflow-wrap: anywhere;
+  line-height: inherit; /* needed for inline code preview in markup */
 }
 
 .blame .code-inner {

Original file line number	Diff line number	Diff line change
`@@ -1242,6 +1242,7 @@ overflow-menu .ui.label {`
`1242`	`1242`	`white-space: pre-wrap;`
`1243`	`1243`	`word-break: break-all;`
`1244`	`1244`	`overflow-wrap: anywhere;`
	`1245`	`+ line-height: inherit; /* needed for inline code preview in markup */`
`1245`	`1246`	`}`
`1246`	`1247`
`1247`	`1248`	`.blame .code-inner {`