46c17c8029
The code can be as simple as:
```html
<div class="flex-text-block">{{svg "octicon-alert"}} {{svg "octicon-x"}} text (block)</div>
<div><div class="flex-text-inline">{{svg "octicon-alert"}} {{svg "octicon-x"}} text</div> (inline)</div>
<div><button class="ui red button">{{svg "octicon-alert" 24}} {{svg "octicon-x" 24}} text</button></div>
```
---------
Co-authored-by: Giteabot <teabot@gitea.io>
38 lines
1.5 KiB
Handlebars
38 lines
1.5 KiB
Handlebars
{{if and (gt $.Issue.PullRequest.CommitsBehind 0) (not $.Issue.IsClosed) (not $.Issue.PullRequest.IsChecking) (not $.IsPullFilesConflicted) (not $.IsPullRequestBroken)}}
|
|
<div class="ui divider"></div>
|
|
<div class="item item-section">
|
|
<div class="item-section-left flex-text-inline">
|
|
{{svg "octicon-alert"}}
|
|
{{$.locale.Tr "repo.pulls.outdated_with_base_branch"}}
|
|
</div>
|
|
<div class="item-section-right">
|
|
{{if and $.UpdateAllowed $.UpdateByRebaseAllowed}}
|
|
<div class="gt-dib">
|
|
<div class="ui buttons update-button">
|
|
<button class="ui button" data-do="{{$.Link}}/update" data-redirect="{{$.Link}}">
|
|
<span class="button-text">
|
|
{{$.locale.Tr "repo.pulls.update_branch"}}
|
|
</span>
|
|
</button>
|
|
<div class="ui dropdown icon button">
|
|
{{svg "octicon-triangle-down"}}
|
|
<div class="menu">
|
|
<a class="item active selected" data-do="{{$.Link}}/update">{{$.locale.Tr "repo.pulls.update_branch"}}</a>
|
|
<a class="item" data-do="{{$.Link}}/update?style=rebase">{{$.locale.Tr "repo.pulls.update_branch_rebase"}}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
{{if and $.UpdateAllowed (not $.UpdateByRebaseAllowed)}}
|
|
<form action="{{$.Link}}/update" method="post" class="ui update-branch-form">
|
|
{{$.CsrfTokenHtml}}
|
|
<button class="ui compact button">
|
|
<span class="ui text">{{$.locale.Tr "repo.pulls.update_branch"}}</span>
|
|
</button>
|
|
</form>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|