loading up the forgejo repo on tangled to test page performance
fix(ui): improvements around folder download (#7036)
Followup to 3c68399eb065bae6100c343025691cae7f15d9f5.
* remove unneeded copy-pasted classes
* fix border radius
* avoid misuse of `.clone-panel` by extending the rule
Preview:
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/7036
Reviewed-by: Earl Warren <earl-warren@noreply.codeberg.org>
+11
-9
+8
-8
templates/repo/home.tmpl
+8
-8
templates/repo/home.tmpl
···
141
141
{{template "repo/cite/cite_modal" .}}
142
142
{{end}}
143
143
{{if and (not $isHomepage) (not .IsViewFile) (not .IsBlame)}}{{/* IsViewDirectory (not home), TODO: split the templates, avoid using "if" tricks */}}
144
-
<a class="ui button" href="{{.RepoLink}}/commits/{{.BranchNameSubURL}}/{{.TreePath | PathEscapeSegments}}">
145
-
{{svg "octicon-history" 16 "tw-mr-2"}}{{ctx.Locale.Tr "repo.file_history"}}
146
-
</a>
147
-
{{if not $.DisableDownloadSourceArchives}}
148
-
<div class="clone-panel ui action tiny input">
149
-
<button class="ui small jump dropdown icon button" data-tooltip-content="{{ctx.Locale.Tr "repo.more_operations"}}">
144
+
<div class="button-row folder-actions">
145
+
<a class="ui button" href="{{.RepoLink}}/commits/{{.BranchNameSubURL}}/{{.TreePath | PathEscapeSegments}}">
146
+
{{svg "octicon-history" 16 "tw-mr-2"}}{{ctx.Locale.Tr "repo.file_history"}}
147
+
</a>
148
+
{{if not $.DisableDownloadSourceArchives}}
149
+
<button class="ui jump dropdown icon button" data-tooltip-content="{{ctx.Locale.Tr "repo.more_operations"}}">
150
150
{{svg "octicon-kebab-horizontal"}}
151
151
<div class="menu">
152
152
<a class="item archive-link" href="{{$.RepoLink}}/archive/{{PathEscapeSegments (printf "%s:%s" $.RefName .TreePath)}}.zip" rel="nofollow">{{svg "octicon-file-zip" 16 "tw-mr-2"}}{{ctx.Locale.Tr "repo.download_zip"}}</a>
153
153
<a class="item archive-link" href="{{$.RepoLink}}/archive/{{PathEscapeSegments (printf "%s:%s" $.RefName .TreePath)}}.tar.gz" rel="nofollow">{{svg "octicon-file-zip" 16 "tw-mr-2"}}{{ctx.Locale.Tr "repo.download_tar"}}</a>
154
154
</div>
155
155
</button>
156
-
</div>
157
-
{{end}}
156
+
{{end}}
157
+
</div>
158
158
{{end}}
159
159
</div>
160
160
</div>
+3
-1
web_src/css/repo.css
+3
-1
web_src/css/repo.css
···
153
153
border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
154
154
}
155
155
156
-
.repository .clone-panel .dropdown .menu {
156
+
/* Dropdown alignment */
157
+
.repository .clone-panel .dropdown .menu,
158
+
.repository .folder-actions .dropdown .menu {
157
159
right: 0 !important;
158
160
left: auto !important;
159
161
}