aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rw-r--r--templates/admin/dashboard.tmpl22
-rw-r--r--templates/base/footer_content.tmpl6
-rw-r--r--templates/base/head.tmpl2
-rw-r--r--templates/org/team/members.tmpl4
-rw-r--r--templates/org/team/repositories.tmpl4
-rw-r--r--templates/repo/cite/cite_modal.tmpl2
-rw-r--r--templates/repo/diff/conversation.tmpl4
-rw-r--r--templates/repo/header.tmpl20
-rw-r--r--templates/repo/issue/labels/label_list.tmpl123
-rw-r--r--templates/repo/issue/list.tmpl2
-rw-r--r--templates/user/dashboard/navbar.tmpl2
-rw-r--r--web_src/css/base.css59
-rw-r--r--web_src/css/editor/combomarkdowneditor.css (renamed from web_src/css/editor-markdown.css)0
-rw-r--r--web_src/css/helpers.css8
-rw-r--r--web_src/css/home.css21
-rw-r--r--web_src/css/index.css5
-rw-r--r--web_src/css/repository.css2
-rw-r--r--web_src/css/repository/issue-label.css44
-rw-r--r--web_src/css/repository/release-tag.css (renamed from web_src/css/repository-release-tag.css)0
19 files changed, 168 insertions, 162 deletions
diff --git a/templates/admin/dashboard.tmpl b/templates/admin/dashboard.tmpl
index 6784451376..91a84aebf5 100644
--- a/templates/admin/dashboard.tmpl
+++ b/templates/admin/dashboard.tmpl
@@ -23,51 +23,51 @@
<tbody>
<tr>
<td>{{.locale.Tr "admin.dashboard.delete_inactive_accounts"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="delete_inactive_accounts">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="delete_inactive_accounts">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.delete_repo_archives"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="delete_repo_archives">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="delete_repo_archives">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.delete_missing_repos"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="delete_missing_repos">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="delete_missing_repos">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.git_gc_repos"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="git_gc_repos">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="git_gc_repos">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
{{if and (not .SSH.Disabled) (not .SSH.StartBuiltinServer)}}
<tr>
<td>{{.locale.Tr "admin.dashboard.resync_all_sshkeys"}}<br>
{{.locale.Tr "admin.dashboard.resync_all_sshkeys.desc"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="resync_all_sshkeys">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="resync_all_sshkeys">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.resync_all_sshprincipals"}}<br>
{{.locale.Tr "admin.dashboard.resync_all_sshprincipals.desc"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="resync_all_sshprincipals">{{svg "octicon-play" 16}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="resync_all_sshprincipals">{{svg "octicon-play" 16}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
{{end}}
<tr>
<td>{{.locale.Tr "admin.dashboard.resync_all_hooks"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="resync_all_hooks">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="resync_all_hooks">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.reinit_missing_repos"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="reinit_missing_repos">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="reinit_missing_repos">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.sync_external_users"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="sync_external_users">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="sync_external_users">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.repo_health_check"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="repo_health_check">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="repo_health_check">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
<tr>
<td>{{.locale.Tr "admin.dashboard.delete_generated_repository_avatars"}}</td>
- <td><button type="submit" class="ui green button right" name="op" value="delete_generated_repository_avatars">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
+ <td class="text right"><button type="submit" class="ui green button" name="op" value="delete_generated_repository_avatars">{{svg "octicon-play"}} {{.locale.Tr "admin.dashboard.operation_run"}}</button></td>
</tr>
</tbody>
</table>
diff --git a/templates/base/footer_content.tmpl b/templates/base/footer_content.tmpl
index 17c75c6874..f527274484 100644
--- a/templates/base/footer_content.tmpl
+++ b/templates/base/footer_content.tmpl
@@ -1,5 +1,5 @@
-<footer role="group" aria-label="{{.locale.Tr "aria.footer"}}">
- <div class="ui left" role="contentinfo" aria-label="{{.locale.Tr "aria.footer.software"}}">
+<footer class="page-footer" role="group" aria-label="{{.locale.Tr "aria.footer"}}">
+ <div class="left-links" role="contentinfo" aria-label="{{.locale.Tr "aria.footer.software"}}">
<a target="_blank" rel="noopener noreferrer" href="https://gitea.io">{{.locale.Tr "powered_by" "Gitea"}}</a>
{{if (or .ShowFooterVersion .PageIsAdmin)}}
{{.locale.Tr "version"}}:
@@ -14,7 +14,7 @@
{{.locale.Tr "template"}}{{if .TemplateName}} {{.TemplateName}}{{end}}: <strong>{{call .TemplateLoadTimes}}</strong>
{{end}}
</div>
- <div class="ui right links" role="group" aria-label="{{.locale.Tr "aria.footer.links"}}">
+ <div class="right-links" role="group" aria-label="{{.locale.Tr "aria.footer.links"}}">
<div class="ui dropdown upward language">
<span>{{svg "octicon-globe"}} {{.locale.LangName}}</span>
<div class="menu language-menu">
diff --git a/templates/base/head.tmpl b/templates/base/head.tmpl
index cd9bbed444..5dddc1df93 100644
--- a/templates/base/head.tmpl
+++ b/templates/base/head.tmpl
@@ -83,7 +83,7 @@
{{template "custom/body_inner_pre" .}}
{{if not .PageIsInstall}}
- <div class="ui top secondary stackable main menu following bar light no-vertical-tabs">
+ <div class="ui top secondary stackable main menu following bar light">
{{template "base/head_navbar" .}}
</div><!-- end bar -->
{{end}}
diff --git a/templates/org/team/members.tmpl b/templates/org/team/members.tmpl
index b31f2a96c5..308083fdb7 100644
--- a/templates/org/team/members.tmpl
+++ b/templates/org/team/members.tmpl
@@ -50,12 +50,12 @@
<div class="ui bottom attached table segment members">
{{range .Invites}}
<div class="item">
+ {{.Email}}
<form action="{{$.OrgLink}}/teams/{{$.Team.LowerName | PathEscape}}/action/remove_invite" method="post">
{{$.CsrfTokenHtml}}
<input type="hidden" name="iid" value="{{.ID}}">
- <button class="ui red button right">{{$.locale.Tr "org.members.remove"}}</button>
+ <button class="ui red button gt-float-right">{{$.locale.Tr "org.members.remove"}}</button>
</form>
- {{.Email}}
</div>
{{end}}
</div>
diff --git a/templates/org/team/repositories.tmpl b/templates/org/team/repositories.tmpl
index c73f40f054..9263caf48c 100644
--- a/templates/org/team/repositories.tmpl
+++ b/templates/org/team/repositories.tmpl
@@ -25,8 +25,8 @@
</div>
<div class="inline ui field right">
<form class="ui form" id="repo-multiple-form" action="{{$.OrgLink}}/teams/{{$.Team.LowerName | PathEscape}}/repositories" method="post">
- <button class="ui red button delete-button right" data-modal-id="org-team-remove-all-repo" data-url="{{$.OrgLink}}/teams/{{$.Team.LowerName | PathEscape}}/action/repo/removeall">{{.locale.Tr "remove_all"}}</button>
- <button class="ui green button add-all-button right" data-modal-id="org-team-add-all-repo" data-url="{{$.OrgLink}}/teams/{{$.Team.LowerName | PathEscape}}/action/repo/addall">{{.locale.Tr "add_all"}}</button>
+ <button class="ui green button add-all-button" data-modal-id="org-team-add-all-repo" data-url="{{$.OrgLink}}/teams/{{$.Team.LowerName | PathEscape}}/action/repo/addall">{{.locale.Tr "add_all"}}</button>
+ <button class="ui red button delete-button" data-modal-id="org-team-remove-all-repo" data-url="{{$.OrgLink}}/teams/{{$.Team.LowerName | PathEscape}}/action/repo/removeall">{{.locale.Tr "remove_all"}}</button>
</form>
</div>
</div>
diff --git a/templates/repo/cite/cite_modal.tmpl b/templates/repo/cite/cite_modal.tmpl
index 8f69f7d0ed..c515874a06 100644
--- a/templates/repo/cite/cite_modal.tmpl
+++ b/templates/repo/cite/cite_modal.tmpl
@@ -3,7 +3,7 @@
{{.locale.Tr "repo.cite_this_repo"}}
</div>
<div class="content">
- <div class="ui stackable secondary menu mobile--margin-between-items mobile--no-negative-margins no-vertical-tabs">
+ <div class="ui stackable secondary menu">
<div class="fitted item">
<div class="ui action input" id="citation-panel">
{{template "repo/cite/cite_buttons" .}}
diff --git a/templates/repo/diff/conversation.tmpl b/templates/repo/diff/conversation.tmpl
index 999197f94a..8d4064967e 100644
--- a/templates/repo/diff/conversation.tmpl
+++ b/templates/repo/diff/conversation.tmpl
@@ -9,11 +9,11 @@
<b>{{$resolveDoer.Name}}</b> {{$.locale.Tr "repo.issues.review.resolved_by"}}
</div>
<div>
- <button id="show-outdated-{{(index .comments 0).ID}}" data-comment="{{(index .comments 0).ID}}" class="ui tiny right labeled button show-outdated gt-df gt-ac">
+ <button id="show-outdated-{{(index .comments 0).ID}}" data-comment="{{(index .comments 0).ID}}" class="ui tiny labeled button show-outdated gt-df gt-ac">
{{svg "octicon-unfold" 16 "gt-mr-3"}}
{{$.locale.Tr "repo.issues.review.show_resolved"}}
</button>
- <button id="hide-outdated-{{(index .comments 0).ID}}" data-comment="{{(index .comments 0).ID}}" class="ui tiny right labeled button hide-outdated gt-df gt-ac gt-hidden">
+ <button id="hide-outdated-{{(index .comments 0).ID}}" data-comment="{{(index .comments 0).ID}}" class="ui tiny labeled button hide-outdated gt-df gt-ac gt-hidden">
{{svg "octicon-fold" 16 "gt-mr-3"}}
{{$.locale.Tr "repo.issues.review.hide_resolved"}}
</button>
diff --git a/templates/repo/header.tmpl b/templates/repo/header.tmpl
index 9b3b2ce794..ab50dd175a 100644
--- a/templates/repo/header.tmpl
+++ b/templates/repo/header.tmpl
@@ -151,7 +151,7 @@
{{end}}
<div class="ui tabs container">
{{if not (or .Repository.IsBeingCreated .Repository.IsBroken)}}
- <div class="ui tabular stackable menu navbar">
+ <div class="ui tabular menu navbar gt-overflow-x-auto gt-overflow-y-hidden">
{{if .Permission.CanRead $.UnitTypeCode}}
<a class="{{if .PageIsViewCode}}active {{end}}item" href="{{.RepoLink}}{{if (ne .BranchName .Repository.DefaultBranch)}}/src/{{.BranchNameSubURL}}{{end}}">
{{svg "octicon-code"}} {{.locale.Tr "repo.code"}}
@@ -236,20 +236,16 @@
{{template "custom/extra_tabs" .}}
{{if .Permission.IsAdmin}}
- <div class="right menu">
- <a class="{{if .PageIsRepoSettings}}active {{end}}item" href="{{.RepoLink}}/settings">
- {{svg "octicon-tools"}} {{.locale.Tr "repo.settings"}}
- </a>
- </div>
+ <a class="{{if .PageIsRepoSettings}}active {{end}}right item" href="{{.RepoLink}}/settings">
+ {{svg "octicon-tools"}} {{.locale.Tr "repo.settings"}}
+ </a>
{{end}}
</div>
{{else if .Permission.IsAdmin}}
- <div class="ui tabular stackable menu navbar">
- <div class="right menu">
- <a class="{{if .PageIsRepoSettings}}active {{end}}item" href="{{.RepoLink}}/settings">
- {{svg "octicon-tools"}} {{.locale.Tr "repo.settings"}}
- </a>
- </div>
+ <div class="ui tabular menu navbar gt-overflow-x-auto gt-overflow-y-hidden">
+ <a class="{{if .PageIsRepoSettings}}active {{end}}right item" href="{{.RepoLink}}/settings">
+ {{svg "octicon-tools"}} {{.locale.Tr "repo.settings"}}
+ </a>
</div>
{{end}}
</div>
diff --git a/templates/repo/issue/labels/label_list.tmpl b/templates/repo/issue/labels/label_list.tmpl
index b294036f0c..325efd1da6 100644
--- a/templates/repo/issue/labels/label_list.tmpl
+++ b/templates/repo/issue/labels/label_list.tmpl
@@ -1,58 +1,59 @@
<h4 class="ui top attached header">
- {{.locale.Tr "repo.issues.label_count" .NumLabels}}
- <div class="ui right">
- <div class="ui right floated secondary filter menu">
- <!-- Sort -->
- <div class="ui dropdown type jump item">
- <span class="text">
- {{.locale.Tr "repo.issues.filter_sort"}}
- {{svg "octicon-triangle-down" 14 "dropdown icon"}}
- </span>
- <div class="menu">
- <a class="{{if or (eq .SortType "alphabetically") (not .SortType)}}active {{end}}item" href="{{$.Link}}?sort=alphabetically&state={{$.State}}">{{.locale.Tr "repo.issues.label.filter_sort.alphabetically"}}</a>
- <a class="{{if eq .SortType "reversealphabetically"}}active {{end}}item" href="{{$.Link}}?sort=reversealphabetically&state={{$.State}}">{{.locale.Tr "repo.issues.label.filter_sort.reverse_alphabetically"}}</a>
- <a class="{{if eq .SortType "leastissues"}}active {{end}}item" href="{{$.Link}}?sort=leastissues&state={{$.State}}">{{.locale.Tr "repo.milestones.filter_sort.least_issues"}}</a>
- <a class="{{if eq .SortType "mostissues"}}active {{end}}item" href="{{$.Link}}?sort=mostissues&state={{$.State}}">{{.locale.Tr "repo.milestones.filter_sort.most_issues"}}</a>
- </div>
+ {{.locale.Tr "repo.issues.label_count" .NumLabels}}
+ <div class="ui right">
+ <div class="ui right floated secondary filter menu">
+ <!-- Sort -->
+ <div class="ui dropdown type jump item">
+ <span class="text">
+ {{.locale.Tr "repo.issues.filter_sort"}}
+ {{svg "octicon-triangle-down" 14 "dropdown icon"}}
+ </span>
+ <div class="menu">
+ <a class="{{if or (eq .SortType "alphabetically") (not .SortType)}}active {{end}}item" href="{{$.Link}}?sort=alphabetically&state={{$.State}}">{{.locale.Tr "repo.issues.label.filter_sort.alphabetically"}}</a>
+ <a class="{{if eq .SortType "reversealphabetically"}}active {{end}}item" href="{{$.Link}}?sort=reversealphabetically&state={{$.State}}">{{.locale.Tr "repo.issues.label.filter_sort.reverse_alphabetically"}}</a>
+ <a class="{{if eq .SortType "leastissues"}}active {{end}}item" href="{{$.Link}}?sort=leastissues&state={{$.State}}">{{.locale.Tr "repo.milestones.filter_sort.least_issues"}}</a>
+ <a class="{{if eq .SortType "mostissues"}}active {{end}}item" href="{{$.Link}}?sort=mostissues&state={{$.State}}">{{.locale.Tr "repo.milestones.filter_sort.most_issues"}}</a>
</div>
</div>
- </div> <!-- filter menu -->
+ </div>
+ </div> <!-- filter menu -->
</h4>
<div class="ui attached segment">
- <div class="labelspage">
- {{if and (not $.PageIsOrgSettingsLabels) (or $.CanWriteIssues $.CanWritePulls) (eq .NumLabels 0) (not $.Repository.IsArchived)}}
- {{template "repo/issue/labels/label_load_template" .}}
- <div class="ui divider"></div>
- {{else if and ($.PageIsOrgSettingsLabels) (eq .NumLabels 0)}}
- {{template "repo/issue/labels/label_load_template" .}}
- {{end}}
+ {{if and (not $.PageIsOrgSettingsLabels) (or $.CanWriteIssues $.CanWritePulls) (eq .NumLabels 0) (not $.Repository.IsArchived)}}
+ {{template "repo/issue/labels/label_load_template" .}}
+ <div class="ui divider"></div>
+ {{else if and ($.PageIsOrgSettingsLabels) (eq .NumLabels 0)}}
+ {{template "repo/issue/labels/label_load_template" .}}
+ <div class="ui divider"></div>
+ {{end}}
+
+ <ul class="issue-label-list">
{{range .Labels}}
- <li class="item">
- <div class="ui grid middle aligned">
- <div class="eight wide column">
- {{RenderLabel $.Context .}}
- {{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}
- </div>
- <div class="five wide column">
- {{if $.PageIsOrgSettingsLabels}}
- <a class="ui left open-issues" href="{{AppSubUrl}}/issues?labels={{.ID}}">{{svg "octicon-issue-opened"}} {{$.locale.Tr "repo.issues.label_open_issues" .NumOpenIssues}}</a>
- {{else}}
- <a class="ui left open-issues" href="{{$.RepoLink}}/issues?labels={{.ID}}">{{svg "octicon-issue-opened"}} {{$.locale.Tr "repo.issues.label_open_issues" .NumOpenIssues}}</a>
- {{end}}
- </div>
- <div class="three wide column">
- {{if and (not $.PageIsOrgSettingsLabels) (not $.Repository.IsArchived) (or $.CanWriteIssues $.CanWritePulls)}}
- <a class="ui right delete-button" href="#" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trash"}} {{$.locale.Tr "repo.issues.label_delete"}}</a>
- <a class="ui right edit-label-button" href="#" data-id="{{.ID}}" data-title="{{.Name}}" {{if .Exclusive}}data-exclusive{{end}} data-num-issues="{{.NumIssues}}" data-description="{{.Description}}" data-color={{.Color}}>{{svg "octicon-pencil"}} {{$.locale.Tr "repo.issues.label_edit"}}</a>
- {{else if $.PageIsOrgSettingsLabels}}
- <a class="ui right delete-button" href="#" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trash"}} {{$.locale.Tr "repo.issues.label_delete"}}</a>
- <a class="ui right edit-label-button" href="#" data-id="{{.ID}}" data-title="{{.Name}}" {{if .Exclusive}}data-exclusive{{end}} data-num-issues="{{.NumIssues}}" data-description="{{.Description}}" data-color={{.Color}}>{{svg "octicon-pencil"}} {{$.locale.Tr "repo.issues.label_edit"}}</a>
- {{end}}
- </div>
+ <li class="item">
+ <div class="label-title">
+ {{RenderLabel $.Context .}}
+ {{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}
</div>
- </li>
+ <div class="label-issues">
+ {{if $.PageIsOrgSettingsLabels}}
+ <a class="open-issues" href="{{AppSubUrl}}/issues?labels={{.ID}}">{{svg "octicon-issue-opened"}} {{$.locale.Tr "repo.issues.label_open_issues" .NumOpenIssues}}</a>
+ {{else}}
+ <a class="open-issues" href="{{$.RepoLink}}/issues?labels={{.ID}}">{{svg "octicon-issue-opened"}} {{$.locale.Tr "repo.issues.label_open_issues" .NumOpenIssues}}</a>
+ {{end}}
+ </div>
+ <div class="label-operation">
+ {{if and (not $.PageIsOrgSettingsLabels) (not $.Repository.IsArchived) (or $.CanWriteIssues $.CanWritePulls)}}
+ <a class="edit-label-button" href="#" data-id="{{.ID}}" data-title="{{.Name}}" {{if .Exclusive}}data-exclusive{{end}} data-num-issues="{{.NumIssues}}" data-description="{{.Description}}" data-color={{.Color}}>{{svg "octicon-pencil"}} {{$.locale.Tr "repo.issues.label_edit"}}</a>
+ <a class="delete-button" href="#" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trash"}} {{$.locale.Tr "repo.issues.label_delete"}}</a>
+ {{else if $.PageIsOrgSettingsLabels}}
+ <a class="edit-label-button" href="#" data-id="{{.ID}}" data-title="{{.Name}}" {{if .Exclusive}}data-exclusive{{end}} data-num-issues="{{.NumIssues}}" data-description="{{.Description}}" data-color={{.Color}}>{{svg "octicon-pencil"}} {{$.locale.Tr "repo.issues.label_edit"}}</a>
+ <a class="delete-button" href="#" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trash"}} {{$.locale.Tr "repo.issues.label_delete"}}</a>
+ {{end}}
+ </div>
+ </li>
{{end}}
+
{{if and (not .PageIsOrgSettingsLabels) (.OrgLabels)}}
<li class="item">
<div class="ui grid middle aligned">
@@ -64,25 +65,19 @@
</div>
</div>
</li>
- {{if (not $.PageIsOrgSettingsLabels)}}
- <div class="orglabel">
- {{range .OrgLabels}}
- <li class="item">
- <div class="ui grid middle aligned">
- <div class="nine wide column">
- {{RenderLabel $.Context .}}
- {{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}
- </div>
- <div class="four wide column">
- <a class="ui left open-issues" href="{{$.RepoLink}}/issues?labels={{.ID}}">{{svg "octicon-issue-opened"}} {{$.locale.Tr "repo.issues.label_open_issues" .NumOpenRepoIssues}}</a>
- </div>
- <div class="three wide column">
- </div>
- </div>
- </li>
- {{end}}
+
+ {{range .OrgLabels}}
+ <li class="item org-label">
+ <div class="label-title">
+ {{RenderLabel $.Context .}}
+ {{if .Description}}<br><small class="desc">{{.Description | RenderEmoji $.Context}}</small>{{end}}
</div>
+ <div class="label-issues">
+ <a class="open-issues" href="{{$.RepoLink}}/issues?labels={{.ID}}">{{svg "octicon-issue-opened"}} {{$.locale.Tr "repo.issues.label_open_issues" .NumOpenRepoIssues}}</a>
+ </div>
+ <div class="label-operation"></div>
+ </li>
{{end}}
{{end}}
- </div>
+ </ul>
</div>
diff --git a/templates/repo/issue/list.tmpl b/templates/repo/issue/list.tmpl
index 9c31262355..a99680c024 100644
--- a/templates/repo/issue/list.tmpl
+++ b/templates/repo/issue/list.tmpl
@@ -34,7 +34,7 @@
{{template "repo/issue/openclose" .}}
</div>
<div class="ten wide right aligned column">
- <div class="ui secondary filter stackable menu labels">
+ <div class="ui secondary filter menu labels gt-overflow-x-auto gt-overflow-y-hidden">
<!-- Label -->
<div class="ui {{if not .Labels}}disabled{{end}} dropdown jump item label-filter" style="margin-left: auto">
<span class="text">
diff --git a/templates/user/dashboard/navbar.tmpl b/templates/user/dashboard/navbar.tmpl
index f6c86f935e..3eec91df3f 100644
--- a/templates/user/dashboard/navbar.tmpl
+++ b/templates/user/dashboard/navbar.tmpl
@@ -1,5 +1,5 @@
<div class="dashboard-navbar">
- <div class="ui secondary stackable menu">
+ <div class="ui secondary stackable menu g-menu-stackable-scrollable">
<div class="item">
<div class="ui floating dropdown jump">
<span class="text truncated-item-container">
diff --git a/web_src/css/base.css b/web_src/css/base.css
index 95f83ef00a..a5a3377376 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -1472,10 +1472,12 @@ img.ui.avatar,
color: var(--color-gold) !important;
}
+/* FIXME: this is a serious pollution, do not use this for "float: left" anymore */
.ui.left:not(.action) {
float: left;
}
+/* FIXME: this is a serious pollution, do not use this for "float: right" anymore */
.ui.right:not(.action) {
float: right;
}
@@ -2660,38 +2662,6 @@ table th[data-sortt-desc] .svg {
background: var(--color-secondary-dark-1) !important;
}
-.labelspage {
- list-style: none;
- padding-top: 0;
-}
-
-.labelspage .item {
- border-bottom: 1px solid var(--color-secondary);
- border-top: none;
-}
-
-.labelspage .item a {
- font-size: 12px;
- padding-right: 10px;
- color: var(--color-text-light);
-}
-
-.labelspage .item a:hover {
- color: var(--color-primary-light-2);
-}
-
-.labelspage .item a.open-issues {
- margin-right: 30px;
-}
-
-.labelspage .item:last-child {
- border-bottom: none;
- padding-bottom: 0;
-}
-
-.labelspage .orglabel {
- opacity: 0.7;
-}
/* https://github.com/go-gitea/gitea/pull/11486 */
.ui.sub.header {
@@ -2796,21 +2766,16 @@ table th[data-sortt-desc] .svg {
height: 15px;
}
-@media (max-width: 767px) {
- .ui.stackable.menu:not(.no-vertical-tabs) {
- overflow-y: hidden;
- overflow-x: auto;
- flex-direction: row;
- flex-wrap: nowrap !important;
- }
- .ui.stackable.menu:not(.no-vertical-tabs) .item {
- width: initial !important;
- }
- .ui.stackable.menu:not(.no-vertical-tabs) > .dropdown.item {
- position: initial;
- }
- .ui.stackable.menu:not(.no-vertical-tabs) .menu {
- flex-direction: row;
+.g-menu-stackable-scrollable {
+ overflow-y: hidden;
+ overflow-x: auto;
+}
+
+@media (max-width: 767.98px) {
+ /* also respect Fomantic's "stackable" definition, use the same breakpoint to reset our styles */
+ .g-menu-stackable-scrollable {
+ overflow-x: unset;
+ overflow-y: unset;
}
}
diff --git a/web_src/css/editor-markdown.css b/web_src/css/editor/combomarkdowneditor.css
index eb5c5d13b8..eb5c5d13b8 100644
--- a/web_src/css/editor-markdown.css
+++ b/web_src/css/editor/combomarkdowneditor.css
diff --git a/web_src/css/helpers.css b/web_src/css/helpers.css
index 0b4b47f560..ceb20db043 100644
--- a/web_src/css/helpers.css
+++ b/web_src/css/helpers.css
@@ -68,16 +68,22 @@ Gitea's private styles use `g-` prefix.
.gt-cursor-default { cursor: default !important; }
.gt-invisible { visibility: hidden !important; }
.gt-items-start { align-items: flex-start !important; }
-.gt-overflow-x-scroll { overflow-x: scroll !important; }
.gt-pointer-events-none { pointer-events: none !important; }
.gt-relative { position: relative !important; }
.gt-whitespace-nowrap { white-space: nowrap !important; }
.gt-whitespace-pre { white-space: pre !important; }
.gt-whitespace-pre-wrap { white-space: pre-wrap !important; }
+.gt-overflow-x-auto { overflow-x: auto !important; }
+.gt-overflow-x-scroll { overflow-x: scroll !important; }
+.gt-overflow-y-hidden { overflow-y: hidden !important; }
+
.gt-w-screen { width: 100vw !important; }
.gt-h-screen { height: 100vh !important; }
+.gt-float-left { float: left !important; }
+.gt-float-right { float: right !important; }
+
.gt-rounded { border-radius: var(--border-radius) !important; }
.gt-rounded-top { border-radius: var(--border-radius) var(--border-radius) 0 0 !important; }
.gt-rounded-bottom { border-radius: 0 0 var(--border-radius) var(--border-radius) !important; }
diff --git a/web_src/css/home.css b/web_src/css/home.css
index 25643cda27..0094acc75f 100644
--- a/web_src/css/home.css
+++ b/web_src/css/home.css
@@ -43,39 +43,38 @@
color: var(--color-green);
}
-footer {
+.page-footer {
+ display: flex;
background-color: var(--color-footer);
border-top: 1px solid var(--color-secondary);
line-height: 39px;
- flex-basis: 40px;
- color: var(--color-text-light);
padding: 0 20px;
}
-footer .right.links {
+.page-footer .left-links {
+ flex: 1;
+}
+
+.page-footer .right-links {
min-width: 180px; /* make sure the menu dropdown doesn't overflow horizontally when language name is short */
}
-footer .right.links > a {
+.page-footer .right-links > a {
border-left: 1px solid var(--color-secondary-dark-1);
padding-left: 8px;
margin-left: 5px;
}
-footer .ui.dropdown.language .menu {
+.page-footer .ui.dropdown.language .menu {
height: 500px;
max-height: calc(100vh - 60px);
overflow-y: auto;
margin-bottom: 10px;
}
-
@media (max-width: 880px) {
- footer .ui.left,
- footer .ui.right {
- width: 100%;
+ .page-footer {
display: block;
text-align: center;
- float: none;
}
}
diff --git a/web_src/css/index.css b/web_src/css/index.css
index e59f3eb02a..9d00566674 100644
--- a/web_src/css/index.css
+++ b/web_src/css/index.css
@@ -30,9 +30,10 @@
@import "./install.css";
@import "./form.css";
@import "./repository.css";
-@import "./repository-release-tag.css";
+@import "./repository/release-tag.css";
+@import "./repository/issue-label.css";
@import "./editor.css";
-@import "./editor-markdown.css";
+@import "./editor/combomarkdowneditor.css";
@import "./organization.css";
@import "./user.css";
@import "./dashboard.css";
diff --git a/web_src/css/repository.css b/web_src/css/repository.css
index af2dd2be24..5ef7bd6c50 100644
--- a/web_src/css/repository.css
+++ b/web_src/css/repository.css
@@ -160,7 +160,7 @@
}
.repository .ui.tabs.divider {
- margin-top: 0;
+ margin-top: -1px;
margin-bottom: 20px;
}
diff --git a/web_src/css/repository/issue-label.css b/web_src/css/repository/issue-label.css
new file mode 100644
index 0000000000..a2eb0344a5
--- /dev/null
+++ b/web_src/css/repository/issue-label.css
@@ -0,0 +1,44 @@
+.issue-label-list {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.issue-label-list .item {
+ border-bottom: 1px solid var(--color-secondary);
+ display: flex;
+ padding: 1em 0;
+ margin: 0;
+}
+
+.issue-label-list .item:first-child {
+ padding-top: 0;
+}
+
+.issue-label-list .item:last-child {
+ border-bottom: none;
+ padding-bottom: 0;
+}
+
+.issue-label-list .item .label-title {
+ width: 33%;
+}
+
+.issue-label-list .item .label-issues {
+ width: 33%;
+}
+
+.issue-label-list .item .label-operation {
+ width: 33%;
+ text-align: right;
+}
+
+.issue-label-list .item a {
+ font-size: 12px;
+ padding-right: 10px;
+ color: var(--color-text-light);
+}
+
+.issue-label-list .item.org-label {
+ opacity: 0.7;
+}
diff --git a/web_src/css/repository-release-tag.css b/web_src/css/repository/release-tag.css
index 6922ce5179..6922ce5179 100644
--- a/web_src/css/repository-release-tag.css
+++ b/web_src/css/repository/release-tag.css