From 69b7776af5f7d2a7c158cae02ca2e806cb26d124 Mon Sep 17 00:00:00 2001
From: zeripath <art27@cantab.net>
Date: Fri, 4 Feb 2022 17:03:41 +0000
Subject: [PATCH] Ensure commit-statuses box is sized correctly in headers
 (#18538) (#18606)

* Ensure commit-statuses box is sized correctly in headers (#18538)

Backport #18538
Backport #18605

* Ensure commit-statuses box is sized correctly in headers

When viewing commits as commits the commit-status box will be fixed at 30px in height
due to being forced to be this size by a fomantic selector. This PR simply adds a
few more selectors to force this to have height auto.

Fix #18498

Signed-off-by: Andrew Thornton <art27@cantab.net>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>

* Remove the spurious space in the .ui.right additional selector

Somehow a spurious space sneaked in to #18538
this PR simply removes it.

Signed-off-by: Andrew Thornton <art27@cantab.net>

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
---
 web_src/less/_repository.less | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 76ca5dff7d..6cf70abdf7 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -4,6 +4,13 @@
     // otherwise some part of the popup will be hidden by viewport boundary
     max-height: 45vh;
     max-width: 60vw;
+
+    &.ui.right {
+      // Override `.ui.attached.header .right:not(.dropdown) height: 30px;` which would otherwise lead to
+      // the status popup box having its height fixed at 30px. See https://github.com/go-gitea/gitea/issues/18498
+      height: auto;
+    }
+
     overflow: auto;
     padding: 0;