loading up the forgejo repo on tangled to test page performance
Fix admin-dl-horizontal (#25512)
---------
Co-authored-by: HesterG <hestergong@gmail.com>
Co-authored-by: silverwind <me@silverwind.io>
authored by
wxiaoguang
HesterG
silverwind
and committed by
GitHub
6dbcf6fb
1069472c
+26
-31
+12
-12
templates/admin/config.tmpl
+12
-12
templates/admin/config.tmpl
···
4
4
{{.locale.Tr "admin.config.server_config"}}
5
5
</h4>
6
6
<div class="ui attached table segment">
7
-
<dl class="dl-horizontal admin-dl-horizontal">
7
+
<dl class="admin-dl-horizontal">
8
8
<dt>{{.locale.Tr "admin.config.app_name"}}</dt>
9
9
<dd>{{AppName}}</dd>
10
10
<dt>{{.locale.Tr "admin.config.app_ver"}}</dt>
···
53
53
{{.locale.Tr "admin.config.ssh_config"}}
54
54
</h4>
55
55
<div class="ui attached table segment">
56
-
<dl class="dl-horizontal admin-dl-horizontal">
56
+
<dl class="admin-dl-horizontal">
57
57
<dt>{{.locale.Tr "admin.config.ssh_enabled"}}</dt>
58
58
<dd>{{if not .SSH.Disabled}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
59
59
{{if not .SSH.Disabled}}
···
88
88
{{.locale.Tr "admin.config.lfs_config"}}
89
89
</h4>
90
90
<div class="ui attached table segment">
91
-
<dl class="dl-horizontal admin-dl-horizontal">
91
+
<dl class="admin-dl-horizontal">
92
92
<dt>{{.locale.Tr "admin.config.lfs_enabled"}}</dt>
93
93
<dd>{{if .LFS.StartServer}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
94
94
{{if .LFS.StartServer}}
···
104
104
{{.locale.Tr "admin.config.db_config"}}
105
105
</h4>
106
106
<div class="ui attached table segment">
107
-
<dl class="dl-horizontal admin-dl-horizontal">
107
+
<dl class="admin-dl-horizontal">
108
108
<dt>{{.locale.Tr "admin.config.db_type"}}</dt>
109
109
<dd>{{.DbCfg.Type}}</dd>
110
110
{{if not (eq .DbCfg.Type "sqlite3")}}
···
132
132
{{.locale.Tr "admin.config.service_config"}}
133
133
</h4>
134
134
<div class="ui attached table segment">
135
-
<dl class="dl-horizontal admin-dl-horizontal">
135
+
<dl class="admin-dl-horizontal">
136
136
<dt>{{.locale.Tr "admin.config.register_email_confirm"}}</dt>
137
137
<dd>{{if .Service.RegisterEmailConfirm}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
138
138
<dt>{{.locale.Tr "admin.config.disable_register"}}</dt>
···
186
186
{{.locale.Tr "admin.config.webhook_config"}}
187
187
</h4>
188
188
<div class="ui attached table segment">
189
-
<dl class="dl-horizontal admin-dl-horizontal">
189
+
<dl class="admin-dl-horizontal">
190
190
<dt>{{.locale.Tr "admin.config.queue_length"}}</dt>
191
191
<dd>{{.Webhook.QueueLength}}</dd>
192
192
<dt>{{.locale.Tr "admin.config.deliver_timeout"}}</dt>
···
200
200
{{.locale.Tr "admin.config.mailer_config"}}
201
201
</h4>
202
202
<div class="ui attached table segment">
203
-
<dl class="dl-horizontal admin-dl-horizontal">
203
+
<dl class="admin-dl-horizontal">
204
204
<dt>{{.locale.Tr "admin.config.mailer_enabled"}}</dt>
205
205
<dd>{{if .MailerEnabled}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
206
206
{{if .MailerEnabled}}
···
249
249
{{.locale.Tr "admin.config.cache_config"}}
250
250
</h4>
251
251
<div class="ui attached table segment">
252
-
<dl class="dl-horizontal admin-dl-horizontal">
252
+
<dl class="admin-dl-horizontal">
253
253
<dt>{{.locale.Tr "admin.config.cache_adapter"}}</dt>
254
254
<dd>{{.CacheAdapter}}</dd>
255
255
{{if eq .CacheAdapter "memory"}}
···
269
269
{{.locale.Tr "admin.config.session_config"}}
270
270
</h4>
271
271
<div class="ui attached table segment">
272
-
<dl class="dl-horizontal admin-dl-horizontal">
272
+
<dl class="admin-dl-horizontal">
273
273
<dt>{{.locale.Tr "admin.config.session_provider"}}</dt>
274
274
<dd>{{.SessionConfig.Provider}}</dd>
275
275
<dt>{{.locale.Tr "admin.config.provider_config"}}</dt>
···
289
289
{{.locale.Tr "admin.config.picture_config"}}
290
290
</h4>
291
291
<div class="ui attached table segment">
292
-
<dl class="dl-horizontal admin-dl-horizontal">
292
+
<dl class="admin-dl-horizontal">
293
293
<dt>{{.locale.Tr "admin.config.disable_gravatar"}}</dt>
294
294
<dd>
295
295
<div class="ui toggle checkbox">
···
310
310
{{.locale.Tr "admin.config.git_config"}}
311
311
</h4>
312
312
<div class="ui attached table segment">
313
-
<dl class="dl-horizontal admin-dl-horizontal">
313
+
<dl class="admin-dl-horizontal">
314
314
<dt>{{.locale.Tr "admin.config.git_disable_diff_highlight"}}</dt>
315
315
<dd>{{if .Git.DisableDiffHighlight}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
316
316
<dt>{{.locale.Tr "admin.config.git_max_diff_lines"}}</dt>
···
341
341
{{.locale.Tr "admin.config.log_config"}}
342
342
</h4>
343
343
<div class="ui attached table segment">
344
-
<dl class="dl-horizontal admin-dl-horizontal">
344
+
<dl class="admin-dl-horizontal">
345
345
{{if .Loggers.xorm.IsEnabled}}
346
346
<dt>{{$.locale.Tr "admin.config.xorm_log_sql"}}</dt>
347
347
<dd>{{if $.LogSQL}}{{svg "octicon-check"}}{{else}}{{svg "octicon-x"}}{{end}}</dd>
+1
-1
templates/admin/dashboard.tmpl
+1
-1
templates/admin/dashboard.tmpl
···
70
70
{{.locale.Tr "admin.dashboard.system_status"}}
71
71
</h4>
72
72
<div class="ui attached table segment">
73
-
<dl class="dl-horizontal admin-dl-horizontal">
73
+
<dl class="admin-dl-horizontal">
74
74
<dt>{{.locale.Tr "admin.dashboard.server_uptime"}}</dt>
75
75
<dd><relative-time format="duration" datetime="{{.SysStatus.StartTime}}">{{.SysStatus.StartTime}}</relative-time></dd>
76
76
<dt>{{.locale.Tr "admin.dashboard.current_goroutine"}}</dt>
+13
-18
web_src/css/admin.css
+13
-18
web_src/css/admin.css
···
15
15
flex-wrap: wrap;
16
16
}
17
17
18
-
.admin dl.admin-dl-horizontal dd {
19
-
margin-left: auto;
20
-
width: calc(100% - 245px);
18
+
/* divider needs explicit width because the parent container is "display: flex" */
19
+
.admin dl.admin-dl-horizontal .ui.divider {
20
+
width: 100%;
21
21
}
22
22
23
-
@media (max-width: 767.98px) {
24
-
.admin dl.admin-dl-horizontal dd {
25
-
width: calc(100% - 185px);
26
-
}
27
-
}
28
-
29
-
/* divider needs explicit width to become visible here */
30
-
.admin dl.admin-dl-horizontal .ui.divider {
31
-
width: 100%;
23
+
.admin dl.admin-dl-horizontal dt,
24
+
.admin dl.admin-dl-horizontal dd {
25
+
line-height: 1;
26
+
padding: 5px 0;
32
27
}
33
28
34
29
.admin dl.admin-dl-horizontal dt {
30
+
width: 300px;
31
+
max-width: calc(100% - 100px - 1em);
35
32
font-weight: var(--font-weight-semibold);
36
-
width: 220px;
37
-
margin-right: 5px;
38
33
}
39
34
40
-
@media (max-width: 767.98px) {
41
-
.admin dl.admin-dl-horizontal dt {
42
-
width: 160px;
43
-
}
35
+
.admin dl.admin-dl-horizontal dd {
36
+
margin-left: auto;
37
+
width: calc(100% - 300px - 1em);
38
+
min-width: 100px;
44
39
}
45
40
46
41
.admin code,