mirror
/
gitea
mirror of https://github.com/go-gitea/gitea
2
0
Fork 0
Code Issues Releases Wiki Activity

Don't stack PR tab menu on small screens (#25789)

Browse Source 
the stacking takes up screen space - display the tabs as the navigation
bar. github uses the same layout.

Screenshots (left before, right after):


![image](https://github.com/go-gitea/gitea/assets/1135157/d7e2aaec-c67b-403d-8d56-d4c824b04eed)
![image](https://github.com/go-gitea/gitea/assets/1135157/9e150881-c265-4074-afd7-407bb52e1934)

Large screen:


![image](https://github.com/go-gitea/gitea/assets/1135157/d5cbdaa3-2962-4c4f-9595-5938981ff99e)
pull/25819/head^2
sebastian-sauer 1 year ago committed by GitHub
parent e53390d88f
commit b81c013057
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 32 additions and 22 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 45
      templates/repo/pulls/tab_menu.tmpl
  2. 9
      web_src/css/repo.css

45
templates/repo/pulls/tab_menu.tmpl
Unescape View File

@ -1,23 +1,26 @@
<div class="ui top attached pull tabular stackable menu"> <div class="ui pull tabs container">
<a class="item {{if .PageIsPullConversation}}active{{end}}" href="{{.Issue.Link}}"> <div class="ui top attached pull tabular menu">
{{svg "octicon-comment-discussion"}} <a class="item {{if .PageIsPullConversation}}active{{end}}" href="{{.Issue.Link}}">
{{$.locale.Tr "repo.pulls.tab_conversation"}} {{svg "octicon-comment-discussion"}}
<span class="ui small label">{{.Issue.NumComments}}</span> {{$.locale.Tr "repo.pulls.tab_conversation"}}
</a> <span class="ui small label">{{.Issue.NumComments}}</span>
<a class="item {{if .PageIsPullCommits}}active{{end}}" {{if .NumCommits}}href="{{.Issue.Link}}/commits"{{end}}> </a>
{{svg "octicon-git-commit"}} <a class="item {{if .PageIsPullCommits}}active{{end}}" {{if .NumCommits}}href="{{.Issue.Link}}/commits"{{end}}>
{{$.locale.Tr "repo.pulls.tab_commits"}} {{svg "octicon-git-commit"}}
<span class="ui small label">{{if .NumCommits}}{{.NumCommits}}{{else}}-{{end}}</span> {{$.locale.Tr "repo.pulls.tab_commits"}}
</a> <span class="ui small label">{{if .NumCommits}}{{.NumCommits}}{{else}}-{{end}}</span>
<a class="item {{if .PageIsPullFiles}}active{{end}}" href="{{.Issue.Link}}/files"> </a>
{{svg "octicon-diff"}} <a class="item {{if .PageIsPullFiles}}active{{end}}" href="{{.Issue.Link}}/files">
{{$.locale.Tr "repo.pulls.tab_files"}} {{svg "octicon-diff"}}
<span class="ui small label">{{if .NumFiles}}{{.NumFiles}}{{else}}-{{end}}</span> {{$.locale.Tr "repo.pulls.tab_files"}}
</a> <span class="ui small label">{{if .NumFiles}}{{.NumFiles}}{{else}}-{{end}}</span>
<span class="item gt-ml-auto gt-pr-0 gt-font-bold gt-df gt-ac gt-gap-3"> </a>
<span><span class="text green">{{if .Diff.TotalAddition}}+{{.Diff.TotalAddition}}{{end}}</span> <span class="text red">{{if .Diff.TotalDeletion}}-{{.Diff.TotalDeletion}}{{end}}</span></span> <span class="item gt-ml-auto gt-pr-0 gt-font-bold gt-df gt-ac gt-gap-3">
<span class="diff-stats-bar"> <span><span class="text green">{{if .Diff.TotalAddition}}+{{.Diff.TotalAddition}}{{end}}</span> <span class="text red">{{if .Diff.TotalDeletion}}-{{.Diff.TotalDeletion}}{{end}}</span></span>
<div class="diff-stats-add-bar" style="width: {{Eval 100 "*" .Diff.TotalAddition "/" "(" .Diff.TotalAddition "+" .Diff.TotalDeletion "+" 0.0 ")"}}%"></div> <span class="diff-stats-bar">
<div class="diff-stats-add-bar" style="width: {{Eval 100 "*" .Diff.TotalAddition "/" "(" .Diff.TotalAddition "+" .Diff.TotalDeletion "+" 0.0 ")"}}%"></div>
</span>
</span> </span>
</span> </div>
<div class="ui tabs divider"></div>
</div> </div>

9
web_src/css/repo.css
Unescape 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 {

Write Preview
Loading…
Cancel
Save