test1234
/
gitea
forked from gitea/gitea
1
0
Fork 0
Code Pull Requests Activity

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
1 changed files with 5 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web_src/less/_base.less
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 */