From 6ac361e65ef89a6bc8f0a296dc46b521bbef3b70 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20D=C3=BCsterhus?= <timwolla@arcor.de>
Date: Tue, 13 Dec 2011 22:42:28 +0100
Subject: [PATCH] Adding some styles to messages

---
 package.xml       |  3 +--
 template/chat.tpl | 25 ++++++++++++++++++++++---
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/package.xml b/package.xml
index 15abc57..0ee7745 100644
--- a/package.xml
+++ b/package.xml
@@ -5,7 +5,7 @@
 		<packagedescription><![CDATA[Chat for WoltLab Community Framework™]]></packagedescription>
 		<standalone>0</standalone>
 		<isunique>1</isunique>
-		<version>3.0.0 Alpha 1</version>
+		<version>3.0.0 Alpha 2</version>
 		<date>2011-11-26</date>
 		<plugin>com.woltlab.wcf.bbcode</plugin> <!-- TODO: Correct me -->
 	</packageinformation>
@@ -38,7 +38,6 @@
 		<instruction type="language">language/*.xml</instruction>
 		<instruction type="file">file.tar</instruction>
 		<instruction type="template">template.tar</instruction>
-		<instruction type="sql">install.sql</instruction>
 		<instruction type="objectType">objectType.xml</instruction>
 		<instruction type="option">option.xml</instruction>
 		<instruction type="pagemenu">pagemenu.xml</instruction>
diff --git a/template/chat.tpl b/template/chat.tpl
index 9d7ffcd..e07fb88 100644
--- a/template/chat.tpl
+++ b/template/chat.tpl
@@ -116,14 +116,14 @@
 		}
 
 		#chatUserList > ul > li > .bgFix a {
-			background-image: url("wcf/icon/arrowRight.svg");
+			background-image: url({icon size='S'}arrowRight{/icon});
 			background-position: 15px center;
 			background-repeat: no-repeat;
 			background-size: 16px auto;
 		}
 		
 		#chatUserList > ul > li.activeMenuItem > .bgFix a {
-			background-image: url("wcf/icon/arrowDown.svg");
+			background-image: url({icon size='S'}arrowDown{/icon});
 		}
 		
 		.chatSidebar .chatUserMenu li a {
@@ -149,6 +149,25 @@
 			content: "]";
 		}
 		
+		.chatMessage {
+			padding-left: 16px;
+			min-height: 16px;
+		}
+		{assign var='type' value='\wcf\data\chat\message\ChatMessage::TYPE_'}
+		.chatMessage{$type|concat:'JOIN'|constant}, .chatMessage{$type|concat:'LEAVE'|constant} {
+			background-position: left top;
+			background-repeat: no-repeat;
+			
+		}
+		
+		.chatMessage{$type|concat:'JOIN'|constant} {
+			background-image: url({icon size='S'}toRight1{/icon});
+		}
+		
+		.chatMessage{$type|concat:'LEAVE'|constant} {
+			background-image: url({icon size='S'}toLeft1{/icon});
+		}
+		
 		.chatSidebar a {
 			outline: none;
 		}
@@ -156,7 +175,7 @@
 		.ajaxLoad {
 			background-position: right center;
 			background-repeat: no-repeat;
-			background-image: url({icon}spinner1{/icon});
+			background-image: url({icon size='S'}spinner1{/icon});
 		}
 		
 		.bgFix {