From d0043ffb7f5c5c739cc05959098b0cac86256bce Mon Sep 17 00:00:00 2001 From: silverwind Date: Thu, 10 Dec 2020 21:39:09 +0100 Subject: [PATCH] Better vertical align of buttons in headers (#13932) The previous method used `transform` which formed a CSS stacking context which caused issues with dropdowns appearing behind other elements which made `position: static` necessary but that again caused even more issues. This method achieves the same as before, but without the additional stacking context. Co-authored-by: techknowlogick --- web_src/less/_base.less | 12 +++++------- 1 file changed, 5 insertions(+), 7 deletions(-) diff --git a/web_src/less/_base.less b/web_src/less/_base.less index 517075db8b..03e07b2a61 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -1679,11 +1679,6 @@ a.ui.basic.label:hover { visibility: hidden; } -/* prevent stacking context issue on webhook dropdown */ -.ui.segment { - position: static; -} - .ui.segment, .ui.segments, .ui.attached.segment { @@ -1712,8 +1707,11 @@ a.ui.basic.label:hover { .ui.attached.header .right { position: absolute; right: .78571429rem; - top: 50%; - transform: translateY(-50%); + top: 0; + bottom: 0; + height: 30px; + margin-top: auto; + margin-bottom: auto; } /* https://github.com/go-gitea/gitea/issues/10210 */