From 47e4124cb0a8a0f6a8b69529795f5e07fc08410e Mon Sep 17 00:00:00 2001 From: Igor Zhukov Date: Thu, 9 Jul 2015 11:44:50 +0300 Subject: [PATCH] Added fade animation for focus message --- app/less/desktop.less | 18 ++++++++++++++++-- 1 file changed, 16 insertions(+), 2 deletions(-) diff --git a/app/less/desktop.less b/app/less/desktop.less index af8d893c..573042b9 100644 --- a/app/less/desktop.less +++ b/app/less/desktop.less @@ -1794,11 +1794,25 @@ a.im_panel_peer_photo .peer_initials { max-width: 362px; display: inline-block; } -.im_message_selected .im_message_outer_wrap, -.im_message_focus .im_message_outer_wrap { +.im_message_selected .im_message_outer_wrap { background: #f2f6fa; } +.im_message_focus .im_message_outer_wrap { + background-color: rgba(242, 246, 250, 1.0); + animation-name: im_message_focus_fade; + animation-duration: 5s; +} + +@keyframes im_message_focus_fade { + from { + background-color: rgba(242, 246, 250, 1.0); + } + to { + background-color: rgba(242, 246, 250, 0); + } +} + .im_history_selectable .im_message_outer_wrap { cursor: pointer; }