Prevent webhook action buttons from shifting (#16087)

On long webhook urls the action buttons (edit, delete) have been shifted
by the url text.

Signed-off-by: Steven Kriegler <61625851+justusbunsi@users.noreply.github.com>

Co-authored-by: 6543 <6543@obermui.de>
Co-authored-by: techknowlogick <techknowlogick@gitea.io>
This commit is contained in:
Steven 2021-06-25 19:00:09 +02:00 committed by GitHub
parent f573e93ed4
commit 31acd3c0c2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -41,7 +41,7 @@
{{.Description | Str2html}} {{.Description | Str2html}}
</div> </div>
{{range .Webhooks}} {{range .Webhooks}}
<div class="item"> <div class="item truncated-item-container">
{{if eq .LastStatus 1}} {{if eq .LastStatus 1}}
<span class="text green mr-3">{{svg "octicon-check"}}</span> <span class="text green mr-3">{{svg "octicon-check"}}</span>
{{else if eq .LastStatus 2}} {{else if eq .LastStatus 2}}
@ -49,8 +49,8 @@
{{else}} {{else}}
<span class="text grey mr-3">{{svg "octicon-dot-fill"}}</span> <span class="text grey mr-3">{{svg "octicon-dot-fill"}}</span>
{{end}} {{end}}
<a class="dont-break-out" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a> <a class="text truncate" title="{{.URL}}" href="{{$.BaseLink}}/{{.ID}}">{{.URL}}</a>
<div class="ui right"> <div class="ui right" style="display: inline-flex">
<span class="text blue px-2"><a href="{{$.BaseLink}}/{{.ID}}">{{svg "octicon-pencil"}}</a></span> <span class="text blue px-2"><a href="{{$.BaseLink}}/{{.ID}}">{{svg "octicon-pencil"}}</a></span>
<span class="text red px-2"><a class="delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trash"}}</a></span> <span class="text red px-2"><a class="delete-button" data-url="{{$.Link}}/delete" data-id="{{.ID}}">{{svg "octicon-trash"}}</a></span>
</div> </div>