From a57f59671a1b4298a5c8dd40d1e3b65b007999e1 Mon Sep 17 00:00:00 2001
From: Pierre-Louis Bonicoli <pierre-louis@ir5.eu>
Date: Thu, 20 Jan 2022 03:57:59 +0100
Subject: [PATCH] review tab: keep chapril banner on top

* the 'top' value (0px) for '.repository .diff-detail-box.sticky'
  classes is defined here:
  https://github.com/go-gitea/gitea/blob/4a20eadfd7ecc1e71a02f5c96d6f92d9818b0a28/web_src/less/_repository.less#L1610
* the 'top' values (46px, 77px) for
  '.ui.attached.header.diff-file-header.sticky-2nd-row' classes is
  defined here:
  https://github.com/go-gitea/gitea/blob/4a20eadfd7ecc1e71a02f5c96d6f92d9818b0a28/web_src/less/_repository.less#L3102

Update #5733
---
 public/chapril-banner-v2.css | 21 +++++++++++++++++++++
 templates/custom/header.tmpl |  1 +
 2 files changed, 22 insertions(+)
 create mode 100644 public/chapril-banner-v2.css

diff --git a/public/chapril-banner-v2.css b/public/chapril-banner-v2.css
new file mode 100644
index 0000000..9a9e4ec
--- /dev/null
+++ b/public/chapril-banner-v2.css
@@ -0,0 +1,21 @@
+/* 42px: height of the chapril banner */
+
+.repository .diff-detail-box.sticky {
+ top: 42px; /* default value (0) + 42px */
+}
+
+.ui.attached.header.diff-file-header.sticky-2nd-row {
+ top: 88px; /* default value (46px) + 42px */
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+ .ui.attached.header.diff-file-header.sticky-2nd-row {
+  top: 119px; /* default value (77px) + 42px */
+ }
+}
+
+@media (max-width: 767px) {
+ .ui.attached.header.diff-file-header.sticky-2nd-row {
+  top: 119px; /* default value (77px) + 42px */
+ }
+}
diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl
index 5b155bb..a021c59 100644
--- a/templates/custom/header.tmpl
+++ b/templates/custom/header.tmpl
@@ -1 +1,2 @@
 <link rel="stylesheet" type="text/css"  href="/Chapril-banner/v2/chapril-banner.css" />
+<link rel="stylesheet" type="text/css"  href="/assets/chapril-banner-v2.css" />