From: Marcel Werk <burntime@woltlab.com>
Date: Tue, 12 Jul 2016 22:26:37 +0000 (+0200)
Subject: Added reduced message version
X-Git-Tag: 3.0.0_Beta_1~1185
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=0d320aa3a94dccbfd4a490ad395bef9308cbccc2;p=GitHub%2FWoltLab%2FWCF.git

Added reduced message version
---

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;
+		}
+	}	
+}