Add markdown preview to Submit Review Textarea (#24672)

Before:

![image](https://github.com/go-gitea/gitea/assets/18380374/2909352c-b2ab-4d77-b410-9f08c2f5a154)

After:

![image](https://github.com/go-gitea/gitea/assets/18380374/9448fa75-e29b-4f95-a30f-03c73c083a83)

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: Giteabot <teabot@gitea.io>
This commit is contained in:
yp05327 2023-05-12 19:53:41 +09:00 committed by GitHub
parent a96c73f979
commit b5c26fa825
Signed by: GitHub
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 6 additions and 7 deletions

@ -9,13 +9,15 @@
<form class="ui form" action="{{.Link}}/reviews/submit" method="post"> <form class="ui form" action="{{.Link}}/reviews/submit" method="post">
{{.CsrfTokenHtml}} {{.CsrfTokenHtml}}
<input type="hidden" name="commit_id" value="{{.AfterCommitID}}"> <input type="hidden" name="commit_id" value="{{.AfterCommitID}}">
<div class="header gt-df gt-ac gt-pb-3"> <div class="field gt-df gt-ac">
<div class="gt-f1">{{$.locale.Tr "repo.diff.review.header"}}</div> <div class="gt-f1">{{$.locale.Tr "repo.diff.review.header"}}</div>
<a class="muted close gt-px-3">{{svg "octicon-x" 16}}</a> <a class="muted close">{{svg "octicon-x" 16}}</a>
</div> </div>
<div class="ui field"> <div class="field">
{{template "shared/combomarkdowneditor" (dict {{template "shared/combomarkdowneditor" (dict
"locale" $.locale "locale" $.locale
"MarkdownPreviewUrl" (print .Repository.Link "/markup")
"MarkdownPreviewContext" .RepoLink
"TextareaName" "content" "TextareaName" "content"
"TextareaPlaceholder" ($.locale.Tr "repo.diff.review.placeholder") "TextareaPlaceholder" ($.locale.Tr "repo.diff.review.placeholder")
"DropzoneParentContainer" "form" "DropzoneParentContainer" "form"

@ -4,6 +4,7 @@
.code-line-menu { .code-line-menu {
width: auto !important; width: auto !important;
border: none !important; /* the border is provided by tippy, not using the `.ui.menu` border */
} }
.code-line-button { .code-line-button {

@ -29,10 +29,6 @@
color: var(--color-tooltip-text); color: var(--color-tooltip-text);
} }
.tippy-box[data-theme="menu"] .ui.menu {
border: none;
}
.tippy-content { .tippy-content {
position: relative; position: relative;
padding: 1rem; padding: 1rem;