Fix line height on inline code preview (go-gitea#30372) (go-gitea#30385)

GiteaBot · silverwind · web-flow · commit 88b3d192a066 · 2024-04-10T05:49:40.000Z
Backport go-gitea#30372 by @silverwind Fixes go-gitea#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. Co-authored-by: silverwind <me@silverwind.io>
diff --git a/web_src/css/base.css b/web_src/css/base.css
@@ -1316,6 +1316,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
`@@ -1316,6 +1316,7 @@ overflow-menu .ui.label {`
`1316`	`1316`	`white-space: pre-wrap;`
`1317`	`1317`	`word-break: break-all;`
`1318`	`1318`	`overflow-wrap: anywhere;`
	`1319`	`+ line-height: inherit; /* needed for inline code preview in markup */`
`1319`	`1320`	`}`
`1320`	`1321`
`1321`	`1322`	`.blame .code-inner {`