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 203bb8a5545e559d105aa1d65d4e203b1bc1948d..e47a933bf12d42099f2d5ac0ac14e9495b2e2c4b 100644 (file)
--- 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 2430602d2ca4a68ffd29edff58d7c3e2ac521257..712243718cbb5fb37249014afdd0bce7d6be10ec 100644 (file)
--- 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;
+       }
+}