loading up the forgejo repo on tangled to test page performance
Merge pull request 'Port: Fix some UI problems (install) (gitea#30854)' (#3787) from Mai-Lapyst/forgejo:cherry-pick-30854 into forgejo
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/3787
Reviewed-by: Earl Warren <earl-warren@noreply.codeberg.org>
+8
-7
+4
-3
templates/install.tmpl
+4
-3
templates/install.tmpl
···
174
174
<div class="inline field {{if .Err_SMTPFrom}}error{{end}}">
175
175
<label for="smtp_from">{{ctx.Locale.Tr "install.smtp_from"}}</label>
176
176
<input id="smtp_from" name="smtp_from" value="{{.smtp_from}}">
177
-
<span class="help">{{ctx.Locale.Tr "install.smtp_from_helper"}}</span>
177
+
<span class="help">{{ctx.Locale.TrString "install.smtp_from_helper"}}{{/* it contains lt/gt chars*/}}</span>
178
178
</div>
179
179
<div class="inline field {{if .Err_SMTPUser}}error{{end}}">
180
180
<label for="smtp_user">{{ctx.Locale.Tr "install.mailer_user"}}</label>
···
320
320
</div>
321
321
</details>
322
322
323
+
<div class="divider"></div>
324
+
323
325
{{if .EnvConfigKeys}}
324
326
<!-- Environment Config -->
325
327
<h4 class="ui dividing header">{{ctx.Locale.Tr "install.env_config_keys"}}</h4>
···
333
335
</div>
334
336
{{end}}
335
337
336
-
<div class="divider"></div>
337
338
<div class="inline field">
338
339
<div class="right-content">
339
340
{{ctx.Locale.Tr "install.config_location_hint"}} {{.CustomConfFile}}
340
341
</div>
341
-
<div class="right-content tw-mt-2">
342
+
<div class="tw-mt-4 tw-mb-2 tw-text-center">
342
343
<button class="ui primary button">{{ctx.Locale.Tr "install.install_btn_confirm"}}</button>
343
344
</div>
344
345
</div>
+4
-4
web_src/css/install.css
+4
-4
web_src/css/install.css
···
13
13
.page-content.install .ui.form .field > .help,
14
14
.page-content.install .ui.form .field > .ui.checkbox:first-child,
15
15
.page-content.install .ui.form .field > .right-content {
16
-
margin-left: 30%;
17
-
padding-left: 5px;
16
+
margin-left: calc(30% + 5px);
18
17
width: auto;
19
18
}
20
19
···
24
23
}
25
24
26
25
.page-content.install form.ui.form details.optional.field[open] {
26
+
padding-bottom: 10px;
27
+
}
28
+
.page-content.install form.ui.form details.optional.field[open]:not(:last-child) {
27
29
border-bottom: 1px dashed var(--color-secondary);
28
-
padding-bottom: 10px;
29
30
}
30
-
31
31
.page-content.install form.ui.form details.optional.field[open] summary {
32
32
margin-bottom: 10px;
33
33
}