diff options
| author | silverwind <me@silverwind.io> | 2024-05-28 15:41:37 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-28 13:41:37 +0000 |
| commit | 1e3c4d8fc702aeedc359162ab1284b30a2a59717 (patch) | |
| tree | 599e884dcc88757b9a389f774f8b96ecb05e622c /templates/repo/diff/conversation.tmpl | |
| parent | de4616690f742aebc3e019fde5c73c432d543292 (diff) | |
| download | gitea-1e3c4d8fc702aeedc359162ab1284b30a2a59717.tar.gz gitea-1e3c4d8fc702aeedc359162ab1284b30a2a59717.zip | |
Improve mobile review ui (#31091)
Fixes: https://github.com/go-gitea/gitea/issues/31071
Not perfect but much better than before.
Before: Overflows, sticky not working, filename unreadable:
<img width="506" alt="Screenshot 2024-05-27 at 02 02 40"
src="https://github.com/go-gitea/gitea/assets/115237/a06b1edf-dece-4402-98c2-68670fca265f">
After:
<img width="457" alt="Screenshot 2024-05-27 at 01 59 06"
src="https://github.com/go-gitea/gitea/assets/115237/2a282c96-e719-4554-b418-81963ae6269c">
Diffstat (limited to 'templates/repo/diff/conversation.tmpl')
| -rw-r--r-- | templates/repo/diff/conversation.tmpl | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/templates/repo/diff/conversation.tmpl b/templates/repo/diff/conversation.tmpl index c263ddcdd6..08f60644b3 100644 --- a/templates/repo/diff/conversation.tmpl +++ b/templates/repo/diff/conversation.tmpl @@ -40,8 +40,8 @@ {{template "repo/diff/comments" dict "root" $ "comments" .comments}} </ui> </div> - <div class="tw-flex tw-justify-end tw-items-center tw-flex-wrap tw-mt-2"> - <div class="ui buttons tw-mr-1"> + <div class="tw-flex tw-justify-end tw-items-center tw-gap-2 tw-mt-2 tw-flex-wrap"> + <div class="ui buttons"> <button class="ui icon tiny basic button previous-conversation"> {{svg "octicon-arrow-up" 12 "icon"}} {{ctx.Locale.Tr "repo.issues.previous"}} </button> @@ -50,7 +50,7 @@ </button> </div> {{if and $.CanMarkConversation $hasReview (not $isReviewPending)}} - <button class="ui icon tiny basic button resolve-conversation" data-origin="diff" data-action="{{if not $resolved}}Resolve{{else}}UnResolve{{end}}" data-comment-id="{{$comment.ID}}" data-update-url="{{$.RepoLink}}/issues/resolve_conversation"> + <button class="ui icon tiny basic button resolve-conversation tw-mr-0" data-origin="diff" data-action="{{if not $resolved}}Resolve{{else}}UnResolve{{end}}" data-comment-id="{{$comment.ID}}" data-update-url="{{$.RepoLink}}/issues/resolve_conversation"> {{if $resolved}} {{ctx.Locale.Tr "repo.issues.review.un_resolve_conversation"}} {{else}} @@ -59,7 +59,7 @@ </button> {{end}} {{if and $.SignedUserID (not $.Repository.IsArchived)}} - <button class="comment-form-reply ui primary tiny labeled icon button tw-ml-1 tw-mr-0"> + <button class="comment-form-reply ui primary tiny labeled icon button tw-mr-0"> {{svg "octicon-reply" 16 "reply icon tw-mr-1"}}{{ctx.Locale.Tr "repo.diff.comment.reply"}} </button> {{end}} |