From 614d6df2d8c98af3187fef8b5878ceed3aee117a Mon Sep 17 00:00:00 2001 From: Giteabot Date: Tue, 27 Jun 2023 13:06:36 -0400 Subject: 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 Co-authored-by: HesterG Co-authored-by: silverwind --- web_src/css/admin.css | 31 +++++++++++++------------------ 1 file changed, 13 insertions(+), 18 deletions(-) (limited to 'web_src') 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, -- cgit v1.2.3