Merge pull request 'Don't stack PR tab menu on small screens (#25789)' (#1288) from Gusted/forgejo:forgejo-gt-backport-25789 into v1.20/forgejo

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/1288
This commit is contained in:
Gusted 2023-08-19 09:15:03 +00:00
commit 070904b531
2 changed files with 12 additions and 2 deletions

View file

@ -1,4 +1,5 @@
<div class="ui top attached pull tabular stackable menu"> <div class="ui pull tabs container">
<div class="ui top attached pull tabular menu">
<a class="item {{if .PageIsPullConversation}}active{{end}}" href="{{.Issue.Link}}"> <a class="item {{if .PageIsPullConversation}}active{{end}}" href="{{.Issue.Link}}">
{{svg "octicon-comment-discussion"}} {{svg "octicon-comment-discussion"}}
{{$.locale.Tr "repo.pulls.tab_conversation"}} {{$.locale.Tr "repo.pulls.tab_conversation"}}
@ -15,3 +16,5 @@
<span class="ui small label">{{if .NumFiles}}{{.NumFiles}}{{else}}-{{end}}</span> <span class="ui small label">{{if .NumFiles}}{{.NumFiles}}{{else}}-{{end}}</span>
</a> </a>
</div> </div>
<div class="ui tabs divider"></div>
</div>

View file

@ -747,8 +747,15 @@
right: 1px; right: 1px;
} }
.repository.view.issue .pull.tabs.container {
width: 100%;
max-width: 100%;
}
.repository.view.issue .pull.tabular.menu { .repository.view.issue .pull.tabular.menu {
margin-bottom: 1rem; margin-bottom: 0;
overflow-x: auto;
overflow-y: hidden;
} }
.repository.view.issue .pull.tabular.menu .svg { .repository.view.issue .pull.tabular.menu .svg {