From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 24 Jul 2020 14:03:33 +0000 (+0200)
Subject: Prevent images in comments in the sidebar box from becoming too large
X-Git-Tag: 5.3.0_Alpha_1~119
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=7d9903121a170029a212a24d3d732d768c40ecdc;p=GitHub%2FWoltLab%2FWCF.git

Prevent images in comments in the sidebar box from becoming too large
---

diff --git a/com.woltlab.wcf/templates/boxSidebarCommentList.tpl b/com.woltlab.wcf/templates/boxSidebarCommentList.tpl
index 203bb8a554..e47a933bf1 100644
--- a/com.woltlab.wcf/templates/boxSidebarCommentList.tpl
+++ b/com.woltlab.wcf/templates/boxSidebarCommentList.tpl
@@ -5,8 +5,12 @@
 				<h3><a href="{$boxComment->getLink()}">{$boxComment->title}</a></h3>
 			</div>
 			
-			<p><small>{@$boxComment->getExcerpt(50)}</small></p>
-			<p><small>{if $boxComment->userID}{user object=$boxComment->getUserProfile()}{else}{$boxComment->username}{/if} <span class="separatorLeft">{@$boxComment->time|time}</span></small></p>
+			<div class="sidebarCommentContent">
+				<small>{@$boxComment->getExcerpt(50)}</small>
+			</div>
+			<div>
+				<small>{if $boxComment->userID}{user object=$boxComment->getUserProfile()}{else}{$boxComment->username}{/if} <span class="separatorLeft">{@$boxComment->time|time}</span></small>
+			</div>
 		</li>
 	{/foreach}
 </ul>
diff --git a/wcfsetup/install/files/style/ui/comment.scss b/wcfsetup/install/files/style/ui/comment.scss
index 2430602d2c..712243718c 100644
--- a/wcfsetup/install/files/style/ui/comment.scss
+++ b/wcfsetup/install/files/style/ui/comment.scss
@@ -256,3 +256,11 @@
 .commentModerationDisabledComment {
 	margin: 0 -20px;
 }
+
+/* Prevent images in comments in the sidebar box from becoming too large */
+.sidebarCommentContent {
+	img {
+		max-width: 100%;
+		max-height: 300px;
+	}
+}