From 0d320aa3a94dccbfd4a490ad395bef9308cbccc2 Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Wed, 13 Jul 2016 00:26:37 +0200
Subject: [PATCH] Added reduced message version

---
 .../templates/messageQuoteList.tpl            |  2 +-
 .../templates/moderationComment.tpl           |  2 +-
 wcfsetup/install/files/style/ui/message.scss  | 53 +++++++++++++++----
 3 files changed, 45 insertions(+), 12 deletions(-)

diff --git a/com.woltlab.wcf/templates/messageQuoteList.tpl b/com.woltlab.wcf/templates/messageQuoteList.tpl
index 79f46e3ed9..2833c44f0f 100644
--- 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 aa523aad76..a3cb358900 100644
--- 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 dc68100d96..a506f97df3 100644
--- 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;
+		}
+	}	
+}
-- 
2.20.1