Improved the ui of the message preview by using @ mention template's css

7 years ago · 29c05a6814
parent d0297230ec
commit 29c05a6814
2 changed files with 9 additions and 3 deletions
--- a/packages/rocketchat-theme/client/imports/general/base_old.css
+++ b/packages/rocketchat-theme/client/imports/general/base_old.css
@ -2608,6 +2608,12 @@
 	position: relative;
 }

+.rc-old .rc-message-box .reply-preview {
+	position: relative;
+	background-color:#fff;
+	padding-left: 15px;
+}
+
 .rc-old .message-popup {
 	position: absolute;
 	z-index: 101;
--- a/packages/rocketchat-ui-message/client/messageBox.html
+++ b/packages/rocketchat-ui-message/client/messageBox.html
@ -23,9 +23,9 @@
 				{{> messagePopupConfig getPopupConfig}}
 				{{#if dataReply}}
 					{{#with dataReply}}
-						<div style="border-top: solid 1px lightgray;">
-							{{> messageAttachment text=msg author_name=u.username}}
-						</div>
+							<div class="reply-preview message-popup">
+								{{> messageAttachment text=msg author_name=u.username}}
+							</div>
 					{{/with}}
 				{{/if}}
 				<label class="rc-message-box__container">