Added reduced message version

diff --git a/com.woltlab.wcf/templates/messageQuoteList.tpl b/com.woltlab.wcf/templates/messageQuoteList.tpl
index 79f46e3ed98258cc7faff91f42cd1f433662a585..2833c44f0faee34898477d5bda3f2480e46090f8 100644 (file)
--- a/com.woltlab.wcf/templates/messageQuoteList.tpl
+++ b/com.woltlab.wcf/templates/messageQuoteList.tpl
@@ -1,6 +1,6 @@
 {if !$supportPaste|isset}{assign var=supportPaste value=false}{/if}
 {foreach from=$messages item=message}
-       <article class="message jsInvalidQuoteTarget" data-link="{@$message->getLink()}" data-username="{$message->getUsername()}">
+       <article class="message messageReduced jsInvalidQuoteTarget" data-link="{@$message->getLink()}" data-username="{$message->getUsername()}">
                <div class="messageContent">
                        <header class="messageHeader">
                                <div class="box32 messageHeaderWrapper">

diff --git a/com.woltlab.wcf/templates/moderationComment.tpl b/com.woltlab.wcf/templates/moderationComment.tpl
index aa523aad766549569b0ad919bbd950f747c6c825..a3cb3589002c6415d4821a33ac6caa8d2738c10a 100644 (file)
--- a/com.woltlab.wcf/templates/moderationComment.tpl
+++ b/com.woltlab.wcf/templates/moderationComment.tpl
@@ -1,4 +1,4 @@
-<article class="message">
+<article class="message messageReduced">
        <section class="messageContent">
                <header class="messageHeader">
                        <div class="box32 messageHeaderWrapper">

diff --git a/wcfsetup/install/files/style/ui/message.scss b/wcfsetup/install/files/style/ui/message.scss
index dc68100d96e2c47cbf66fa2dc379e29f5ee6c3f2..a506f97df3c4e8ff1fe19224bf60f08f4e0f98f2 100644 (file)
--- a/wcfsetup/install/files/style/ui/message.scss
+++ b/wcfsetup/install/files/style/ui/message.scss
@@ -1,14 +1,22 @@
 .messageList {
-       border-bottom: 1px solid $wcfContentBorder;
-       
-       @include screen-md-up {
-               border-top: 1px solid $wcfContentBorder;
-               
-               > li {
-                       padding: 30px 0;
+       &:not(.messageReducedList) {
+               @include screen-md-up {
+                       border-bottom: 1px solid $wcfContentBorder;
+                       border-top: 1px solid $wcfContentBorder;
                        
-                       &:not(:first-child) {
-                               border-top: 1px solid $wcfContentBorder;
+                       > li {
+                               padding: 30px 0;
+                               
+                               &:not(:first-child) {
+                                       border-top: 1px solid $wcfContentBorder;
+                               }
+                       }
+               }
+       }
+       &.messageReducedList {
+               @include screen-md-up {
+                       > li {
+                               padding-bottom: 30px;
                        }
                }
        }
@@ -198,7 +206,9 @@
 }
 
 .messageAuthorContainer:not(:last-child) {
-       margin-bottom: 5px;
+       @include screen-md-up {
+               margin-bottom: 5px;
+       }
 }
 
 // sidebar right
@@ -458,3 +468,26 @@
                margin-left: 5px;
        }
 }
+
+.messageReduced {
+       .messageHeader {
+               background-color: $wcfSidebarBackground;
+               color: $wcfSidebarText;
+               
+               @include screen-sm-down {
+                       margin: 0 -10px;
+                       padding: 10px
+               }
+               
+               @include screen-md-up {
+                       padding: 10px 20px;
+               }       
+       }
+       
+       @include screen-md-up {
+               .messageBody,
+               .messageFooter {
+                       padding: 0 20px;
+               }
+       }       
+}