From: Giteabot <teabot@gitea.io>
Date: Wed, 10 Apr 2024 05:49:40 +0000 (+0800)
Subject: Fix line height on inline code preview (#30372) (#30385)
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=88b3d192a0663bd5f25ffa07af45179bac755150;p=gitea.git

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>
---

diff --git a/web_src/css/base.css b/web_src/css/base.css
index ec9e51ad45..69fa74d3e5 100644
--- 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 {