Reply message styles

This commit is contained in:
Igor Zhukov 2015-03-18 22:02:03 +03:00
parent 767b410194
commit e5198075c1
2 changed files with 14 additions and 6 deletions

View File

@ -1767,18 +1767,23 @@ div.im_message_body {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;
margin-bottom: 5px; margin-bottom: 5px;
height: 42px; margin-top: 2px;
height: 36px;
overflow: hidden; overflow: hidden;
} }
.im_message_reply_wrap:hover { .im_message_reply_wrap:hover {
text-decoration: none; text-decoration: none;
color: inherit; color: inherit;
background: rgba(242, 246, 250, 0.5); }
.im_message_reply_border {
background: #7eaad1;
height: 33px;
width: 2px;
position: absolute;
margin-left: -12px;
} }
.im_message_reply { .im_message_reply {
border: 0 #77b7e4 solid; padding-left: 12px;
border-left-width: 2px;
padding-left: 8px;
} }
.im_message_reply_thumb_wrap { .im_message_reply_thumb_wrap {
display: block; display: block;
@ -1791,7 +1796,7 @@ div.im_message_body {
.im_message_reply_author { .im_message_reply_author {
font-weight: bold; font-weight: bold;
color: #3a6d99; color: #3a6d99;
margin-top: 2px; line-height: 16px;
margin-bottom: 3px; margin-bottom: 3px;
} }
.im_message_reply_loading { .im_message_reply_loading {
@ -1802,9 +1807,11 @@ div.im_message_body {
color: #999; color: #999;
} }
.im_message_reply_body { .im_message_reply_body {
line-height: 16px;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
text-overflow: ellipsis; text-overflow: ellipsis;
margin-bottom: 1px;
} }
.im_message_reply_thumbed .im_message_reply_author, .im_message_reply_thumbed .im_message_reply_author,
.im_message_reply_thumbed .im_message_reply_body { .im_message_reply_thumbed .im_message_reply_body {

View File

@ -1,4 +1,5 @@
<div class="im_message_reply clearfix" ng-class="{im_message_reply_thumbed: thumb != null}" ng-switch="replyMessage.loading"> <div class="im_message_reply clearfix" ng-class="{im_message_reply_thumbed: thumb != null}" ng-switch="replyMessage.loading">
<div class="im_message_reply_border"></div>
<div class="im_message_reply_loading" ng-switch-when="true" my-i18n="im_reply_loading"> <div class="im_message_reply_loading" ng-switch-when="true" my-i18n="im_reply_loading">
<my-i18n-param name="dots"><span my-loading-dots></span></my-i18n-param> <my-i18n-param name="dots"><span my-loading-dots></span></my-i18n-param>
</div> </div>