diff options
| author | silverwind <me@silverwind.io> | 2020-12-10 21:39:09 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2020-12-10 15:39:09 -0500 |
| commit | d0043ffb7f5c5c739cc05959098b0cac86256bce (patch) | |
| tree | a2b95083aa386b1c99a619ef179960125e2c4292 | |
| parent | 94415f75174cba77a9b1cc7745d660e654170af0 (diff) | |
| download | gitea-d0043ffb7f5c5c739cc05959098b0cac86256bce.tar.gz gitea-d0043ffb7f5c5c739cc05959098b0cac86256bce.zip | |
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>
| -rw-r--r-- | web_src/less/_base.less | 12 |
1 files changed, 5 insertions, 7 deletions
diff --git a/web_src/less/_base.less b/web_src/less/_base.less index 517075db8b..03e07b2a61 100644 --- a/web_src/less/_base.less +++ b/web_src/less/_base.less @@ -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 */ |