From fc6587911d05c912e20acd0db1e116f5dcf0d2c7 Mon Sep 17 00:00:00 2001
From: Igor Zhukov <igor.beatle@gmail.com>
Date: Wed, 10 Feb 2016 15:08:47 +0000
Subject: [PATCH] Fixed classes on desktop

mobile wip
---
 app/less/app.less            | 24 ++++++++++++++++++++++++
 app/partials/desktop/im.html |  8 ++++----
 app/partials/mobile/im.html  |  3 ++-
 3 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/app/less/app.less b/app/less/app.less
index a4fdfcc7..6b14059c 100644
--- a/app/less/app.less
+++ b/app/less/app.less
@@ -2297,6 +2297,30 @@ a.im_message_fwd_photo {
 .reply_markup_button_w12 {width: 8.33333333%;}
 
 
+.im_history_not_selected_wrap {
+  display: none;
+  .im_page_peer_not_selected & {
+    display: block;
+  }
+}
+.im_history_selected_wrap {
+  display: none;
+  .im_history_loaded & {
+    display: block;
+  }
+  .im_page_peer_not_selected & {
+    display: none;
+  }
+}
+.im_history_selected_loading_wrap {
+  display: block;
+  .im_history_loaded & {
+    display: none;
+  }
+  .im_page_peer_not_selected & {
+    display: none;
+  }
+}
 
 .im_history_not_selected,
 .im_history_empty {
diff --git a/app/partials/desktop/im.html b/app/partials/desktop/im.html
index 812ab803..6b14ed33 100644
--- a/app/partials/desktop/im.html
+++ b/app/partials/desktop/im.html
@@ -79,9 +79,9 @@
       </div>
     </div>
 
-    <div class="im_history_col_wrap noselect" ng-controller="AppImHistoryController">
+    <div class="im_history_col_wrap noselect" ng-controller="AppImHistoryController" ng-class="{im_history_loaded: state.loaded}">
 
-      <div ng-show="state.notSelected" ng-switch="isEmpty.contacts &amp;&amp; isEmpty.dialogs">
+      <div class="im_history_not_selected_wrap" ng-switch="isEmpty.contacts &amp;&amp; isEmpty.dialogs">
         <div ng-switch-when="true" class="im_history_no_dialogs_wrap">
           <h3 class="im_dialogs_empty_header" my-i18n="im_get_started"></h3>
           <p class="im_dialogs_empty_lead" my-i18n="im_welcome_text"></p>
@@ -90,11 +90,11 @@
         <div ng-switch-default class="im_history_not_selected" my-vertical-position="0.35" padding="true" my-i18n="im_select_a_chat"></div>
       </div>
 
-      <div ng-show="!state.notSelected &amp;&amp; !state.loaded" class="im_history_loading" my-vertical-position="0.35" padding="true">
+      <div class="im_history_selected_loading_wrap im_history_loading" my-vertical-position="0.35" padding="true">
         <div my-arc-progress stroke="5" width="50"></div>
       </div>
 
-      <div ng-show="!state.notSelected &amp;&amp; state.loaded">
+      <div class="im_history_selected_wrap">
         <div my-history class="im_history_col">
 
           <div class="im_history_wrap nano">
diff --git a/app/partials/mobile/im.html b/app/partials/mobile/im.html
index 23375340..ea309ccb 100644
--- a/app/partials/mobile/im.html
+++ b/app/partials/mobile/im.html
@@ -75,7 +75,8 @@
       </div>
     </div>
 
-    <div class="im_history_col_wrap" ng-controller="AppImHistoryController">
+    <div class="im_history_col_wrap" ng-controller="AppImHistoryController" ng-class="{im_history_loaded: state.loaded}">
+
       <div ng-show="!state.notSelected &amp;&amp; !state.loaded" class="im_history_not_selected" my-vertical-position="0.35" padding="true">
         <my-i18n msgid="im_loading_history"></my-i18n><span my-loading-dots></span>
       </div>