summaryrefslogtreecommitdiffstats
path: root/web_src
diff options
context:
space:
mode:
authorGiteabot <teabot@gitea.io>2023-06-27 13:06:36 -0400
committerGitHub <noreply@github.com>2023-06-27 17:06:36 +0000
commit614d6df2d8c98af3187fef8b5878ceed3aee117a (patch)
treed70b4286d89fc8eea034513a025fd408386a14b5 /web_src
parent345a25d016c3ed839b90de92f2b5dbc49643bb28 (diff)
downloadgitea-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.css31
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,