Chat Style

ClaseChat · Aug 3, 2016 · dbabca7 · dbabca7
1 parent f499cf5
commit dbabca7
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/packages/rocketchat-theme/assets/stylesheets/base.less b/packages/rocketchat-theme/assets/stylesheets/base.less
@@ -2507,6 +2507,7 @@ a.github-fork {
 }
 
 .message {
+	display: inline-block;
 	padding: 8px 8px 8px 15px;
 	position: relative;
 	line-height: 20px;
@@ -2516,8 +2517,11 @@ a.github-fork {
 	box-shadow: 0px 1px 2px rgba(0,0,0,.15);
 
 	&.own {
+		float: right;
 		background-color: #DCF8C6;
 		text-align: right;
+		margin-left: 50px;
+		margin-right: 20px;
 	}
 
 	&.highlight {
@@ -2534,7 +2538,9 @@ a.github-fork {
 	}
 	.time {
 		display: block;
-		font-size: 11px;
+		color: grey;
+		font-size: 8px;
+		line-height: 10px;
 	}
 	&.new-day {
 		margin-top: 60px;

diff --git a/packages/rocketchat-ui-message/message/message.html b/packages/rocketchat-ui-message/message/message.html
@@ -1,5 +1,6 @@
 <template name="message">
-	<li id="{{_id}}" class="message {{isSequential}} {{isPinned}} {{system}} {{t}} {{own}} {{isTemp}} {{chatops}} {{customClass}}" data-username="{{u.username}}" data-groupable="{{isGroupable}}" data-date="{{date}}" data-timestamp="{{timestamp}}">
+	<li>
+	<div id="{{_id}}" class="message {{isSequential}} {{isPinned}} {{system}} {{t}} {{own}} {{isTemp}} {{chatops}} {{customClass}}" data-username="{{u.username}}" data-groupable="{{isGroupable}}" data-date="{{date}}" data-timestamp="{{timestamp}}">
 		<!--{{#if avatar}}
 			{{#if avatarFromUsername}}
 				<button class="thumb user-card-message" data-username="{{u.username}}" tabindex="1">{{> avatar username=avatarFromUsername}}</button>
@@ -100,5 +101,7 @@
 				<span class="icon-people-plus"></span>
 			</li>
 		</ul>
+	</div>
+		<div style="clear:both;"></div>
 	</li>
 </template>