mirror/gitea
1
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2024-11-27 12:39:29 +08:00
Code Packages Projects Releases Wiki Activity

Fix large image overflow in comment page (#31740)

Browse Source 
Close #31709 

52px is calculate by avatar size in
templates\repo\issue\view_content\comments.tmpl
```html
<img src="{{.Poster.AvatarLink $.Context}}" width="40" height="40">
```
+
```css
.ui.comments .comment > .avatar ~ .content {
  margin-left: 12px;
}
```


![圖片](https://github.com/user-attachments/assets/bf15f4d4-1574-46f6-9f5e-1fbdbf1a98b0)

---------

Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
charles 2024-11-16 02:34:54 +08:00 committed by GitHub
parent ecbb03dc6d
commit e546480d0a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
templates/repo/issue/fields/markdown.tmpl
View File

@ -1,3 +1,3 @@
<div class="field {{if not .item.VisibleOnForm}}tw-hidden{{end}}"> <div class="field {{if not .item.VisibleOnForm}}tw-hidden{{end}}">
<div>{{ctx.RenderUtils.MarkdownToHtml .item.Attributes.value}}</div> <div class="markup">{{ctx.RenderUtils.MarkdownToHtml .item.Attributes.value}}</div>
</div> </div>

1
web_src/css/modules/comment.css
View File

@ -53,6 +53,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
flex: 1; flex: 1;
min-width: 0;
} }
.ui.comments .comment > .avatar ~ .content { .ui.comments .comment > .avatar ~ .content {