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; visibility: hidden;
} }
/* prevent stacking context issue on webhook dropdown */
.ui.segment {
position: static;
}
.ui.segment, .ui.segment,
.ui.segments, .ui.segments,
.ui.attached.segment { .ui.attached.segment {
@ -1712,8 +1707,11 @@ a.ui.basic.label:hover {
.ui.attached.header .right { .ui.attached.header .right {
position: absolute; position: absolute;
right: .78571429rem; right: .78571429rem;
top: 50%; top: 0;
transform: translateY(-50%); bottom: 0;
height: 30px;
margin-top: auto;
margin-bottom: auto;
} }
/* https://github.com/go-gitea/gitea/issues/10210 */ /* https://github.com/go-gitea/gitea/issues/10210 */