mirror of https://github.com/go-gitea/gitea.git
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>pull/13941/head
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