mirror of
https://github.com/go-gitea/gitea
synced 2024-12-23 00:54:28 +00:00
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:
parent
94415f7517
commit
d0043ffb7f
@ -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 */
|
||||
|
Loading…
Reference in New Issue
Block a user