oppi.li / perf-test
loading up the forgejo repo on tangled to test page performance
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Fix new issue/pull request btn margin when it is next to sort (#23647)

Close #23627

Added margin left to the button when it is next to the svg, which has a
margin-right of `-0.5rem`

And here it might be better if `white-space: nowrap;` is added because
otherwise it might look like below on pull requests page on smaller
screen

<img width="945" alt="截屏2023-03-23 09 57 41"
src="https://user-images.githubusercontent.com/17645053/227079613-71c696ab-55ec-4641-acb9-622a8baebb31.png">

After:
<img width="936" alt="截屏2023-03-23 10 08 27"
src="https://user-images.githubusercontent.com/17645053/227080971-6bf2588e-40dd-4770-b0d1-45d7c63e0f48.png">

Pull Request on smaller screen
<img width="922" alt="截屏2023-03-23 10 25 16"
src="https://user-images.githubusercontent.com/17645053/227084144-0c2ed3e6-5c11-4252-bba2-b5f971b70f4a.png">

authored by

Hester Gong and committed by
GitHub 9cefb7be 95818adb

+5 -3
+3 -3
templates/user/dashboard/issues.tmpl
··· 88 88 <div class="column right aligned gt-df gt-ac gt-je"> 89 89 <!-- Sort --> 90 90 <div class="ui dropdown type jump item"> 91 - <span class="text"> 91 + <span class="text gt-whitespace-nowrap"> 92 92 {{.locale.Tr "repo.issues.filter_sort"}} 93 93 {{svg "octicon-triangle-down" 14 "dropdown icon"}} 94 94 </span> ··· 105 105 </div> 106 106 {{if .SingleRepoLink}} 107 107 {{if eq .SingleRepoAction "issue"}} 108 - <a class="ui green button" href="{{.SingleRepoLink}}/issues/new/choose">{{.locale.Tr "repo.issues.new"}}</a> 108 + <a class="ui green button gt-ml-4" href="{{.SingleRepoLink}}/issues/new/choose">{{.locale.Tr "repo.issues.new"}}</a> 109 109 {{else if eq .SingleRepoAction "pull"}} 110 - <a class="ui green button" href="{{.SingleRepoLink}}/compare">{{.locale.Tr "repo.pulls.new"}}</a> 110 + <a class="ui green button gt-ml-4" href="{{.SingleRepoLink}}/compare">{{.locale.Tr "repo.pulls.new"}}</a> 111 111 {{end}} 112 112 {{end}} 113 113 </div>
+2
web_src/css/helpers.css
··· 197 197 198 198 .gt-content-center { align-content: center !important; } 199 199 200 + .gt-whitespace-nowrap { white-space: nowrap !important; } 201 + 200 202 @media (max-width: 767px) { 201 203 .gt-db-small { display: block !important; } 202 204 .gt-w-100-small { width: 100% !important; }