From cfe2d3f4d9a0d272614ea52b77ac877676c30915 Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@designcreateplay.com>
Date: Thu, 18 Aug 2016 14:32:39 -0400
Subject: [PATCH] move chat dropdown to its own template

---
 less/header.less                     | 11 +++--------
 templates/partials/chat_dropdown.tpl | 23 +++++++++++++++++++++++
 2 files changed, 26 insertions(+), 8 deletions(-)
 create mode 100644 templates/partials/chat_dropdown.tpl

diff --git a/less/header.less b/less/header.less
index db087c8..55056df 100644
--- a/less/header.less
+++ b/less/header.less
@@ -79,18 +79,13 @@
 			width: 200px;
 
 			a {
+				display: block;
 				line-height: 30px;
 
 				position: relative;
 
-				i {
-					position: absolute;
-					left: -26px;
-				}
-
-				img, .user-icon {
-					.user-icon-style(@border-radius: 50%);
-					margin-right: 1em;
+				.avatar {
+					margin-right: 1rem;
 				}
 			}
 
diff --git a/templates/partials/chat_dropdown.tpl b/templates/partials/chat_dropdown.tpl
new file mode 100644
index 0000000..87b5836
--- /dev/null
+++ b/templates/partials/chat_dropdown.tpl
@@ -0,0 +1,23 @@
+<!-- IF rooms.length -->
+<!-- BEGIN rooms -->
+<li class="<!-- IF ../unread -->unread<!-- ENDIF ../unread -->" data-roomId="{../roomId}">
+	<a data-ajaxify="false">
+		<!-- IF lastUser -->
+		<!-- IF ../lastUser.picture -->
+		<img class="avatar avatar-md avatar-rounded" src="{../lastUser.picture}" title="{../lastUser.username}" />
+		<!-- ELSE -->
+		<div class="avatar avatar-md avatar-rounded" style="background-color: {../lastUser.icon:bgColor}">{../lastUser.icon:text}</div>
+		<!-- ENDIF ../lastUser.picture -->
+		<!-- ENDIF lastUser -->
+		
+		<!-- IF lastUser -->
+		{../usernames}
+		<!-- ELSE -->
+		[[modules:chat.no-users-in-room]]
+		<!-- ENDIF lastUser -->
+	</a>
+</li>
+<!-- END rooms -->
+<!-- ELSE -->
+<li class="no_active"><a href="#">No active chats</a></li>
+<!-- ENDIF rooms.length -->
\ No newline at end of file