diff options
author | Giteabot <teabot@gitea.io> | 2023-06-27 13:06:36 -0400 |
---|---|---|
committer | GitHub <noreply@github.com> | 2023-06-27 17:06:36 +0000 |
commit | 614d6df2d8c98af3187fef8b5878ceed3aee117a (patch) | |
tree | d70b4286d89fc8eea034513a025fd408386a14b5 /web_src | |
parent | 345a25d016c3ed839b90de92f2b5dbc49643bb28 (diff) | |
download | gitea-614d6df2d8c98af3187fef8b5878ceed3aee117a.tar.gz gitea-614d6df2d8c98af3187fef8b5878ceed3aee117a.zip |
Fix admin-dl-horizontal (#25512) (#25535)
Backport #25512 by @wxiaoguang
![image](https://github.com/go-gitea/gitea/assets/2114189/fb731e07-da30-4470-8200-73b5ca8b78f1)
![image](https://github.com/go-gitea/gitea/assets/2114189/85930b6f-5df7-437f-863f-423f3b81dd26)
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: HesterG <hestergong@gmail.com>
Co-authored-by: silverwind <me@silverwind.io>
Diffstat (limited to 'web_src')
-rw-r--r-- | web_src/css/admin.css | 31 |
1 files changed, 13 insertions, 18 deletions
diff --git a/web_src/css/admin.css b/web_src/css/admin.css index 0a2a88f143..58e0527350 100644 --- a/web_src/css/admin.css +++ b/web_src/css/admin.css @@ -15,32 +15,27 @@ flex-wrap: wrap; } -.admin dl.admin-dl-horizontal dd { - margin-left: auto; - width: calc(100% - 245px); -} - -@media (max-width: 767.98px) { - .admin dl.admin-dl-horizontal dd { - width: calc(100% - 185px); - } -} - -/* divider needs explicit width to become visible here */ +/* divider needs explicit width because the parent container is "display: flex" */ .admin dl.admin-dl-horizontal .ui.divider { width: 100%; } +.admin dl.admin-dl-horizontal dt, +.admin dl.admin-dl-horizontal dd { + line-height: 1; + padding: 5px 0; +} + .admin dl.admin-dl-horizontal dt { + width: 300px; + max-width: calc(100% - 100px - 1em); font-weight: var(--font-weight-semibold); - width: 220px; - margin-right: 5px; } -@media (max-width: 767.98px) { - .admin dl.admin-dl-horizontal dt { - width: 160px; - } +.admin dl.admin-dl-horizontal dd { + margin-left: auto; + width: calc(100% - 300px - 1em); + min-width: 100px; } .admin code, |