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 <techknowlogick@gitea.io>
This commit is contained in:
silverwind 2020-12-10 21:39:09 +01:00 committed by GitHub
parent 94415f7517
commit d0043ffb7f
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -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 */