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

Backport #30372 by @silverwind

Fixes https://github.com/go-gitea/gitea/issues/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>
(cherry picked from commit 88b3d192a0663bd5f25ffa07af45179bac755150)
This commit is contained in:
Giteabot 2024-04-10 13:49:40 +08:00 committed by Earl Warren
parent d4d3e89f18
commit 01129b593f
No known key found for this signature in database
GPG key ID: 0579CB2928A78A00

View file

@ -1334,6 +1334,7 @@ overflow-menu .ui.label {
white-space: pre-wrap; white-space: pre-wrap;
word-break: break-all; word-break: break-all;
overflow-wrap: anywhere; overflow-wrap: anywhere;
line-height: inherit; /* needed for inline code preview in markup */
} }
.blame .code-inner { .blame .code-inner {