From cdcc3a9e91188598fdf9f274a20809e55335c0db Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Mon, 18 Dec 2017 14:45:39 -0500
Subject: [PATCH] theme changes for nodebb/nodebb#6181

---
 less/chats.less                      | 19 +++++++++++++++++++
 templates/partials/chats/message.tpl |  3 ++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/less/chats.less b/less/chats.less
index 9ab9a6e..a558a64 100644
--- a/less/chats.less
+++ b/less/chats.less
@@ -208,6 +208,7 @@
 			font-weight: 300;
 			padding: 0 1.428rem;
 			margin-right: 1.428rem;
+			transition: opacity .5s ease;
 
 			&:first-child {
 				padding-top: 1.428rem;
@@ -228,6 +229,20 @@
 				margin-top: -1.5px;
 			}
 
+			&.deleted {
+				opacity: 0.3;
+
+				.controls {
+					[data-action] {
+						display: none;
+					}
+
+					[data-action="restore"] {
+						display: inline;
+					}
+				}
+			}
+
 			.chat-user-image {
 				.user-icon-style(32px, 1.6rem, 50%);
 				float: left;
@@ -269,6 +284,10 @@
 
 			.controls {
 				display: none;
+
+				[data-action="restore"] {
+					display: none;
+				}
 			}
 
 			&:hover {
diff --git a/templates/partials/chats/message.tpl b/templates/partials/chats/message.tpl
index 6ab5f0d..15a785b 100644
--- a/templates/partials/chats/message.tpl
+++ b/templates/partials/chats/message.tpl
@@ -1,4 +1,4 @@
-<li component="chat/message" class="chat-message clear" data-index="{messages.index}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}">
+<li component="chat/message" class="chat-message clear<!-- IF ../deleted --> deleted<!-- END -->" data-index="{messages.index}" data-mid="{messages.messageId}" data-uid="{messages.fromuid}" data-self="{messages.self}" data-break="{messages.newSet}" data-timestamp="{messages.timestamp}">
 	<div class="message-header">
 		<a href="{config.relative_path}/user/{messages.fromUser.userslug}">
 			<!-- IF messages.fromUser.picture -->
@@ -25,6 +25,7 @@
 		<div class="pull-right btn-group controls">
 			<button class="btn btn-xs btn-link" data-action="edit"><i class="fa fa-pencil"></i></button>
 			<button class="btn btn-xs btn-link" data-action="delete"><i class="fa fa-times"></i></button>
+			<button class="btn btn-xs btn-link" data-action="restore"><i class="fa fa-repeat"></i></button>
 		</div>
 		<!-- ENDIF messages.self -->
 		<!-- ENDIF !config.disableChatMessageEditing -->