From f8cae976cff169462e2f80255a3bea214399839a Mon Sep 17 00:00:00 2001
From: alex <demeshko.alexander.v@gmail.com>
Date: Sat, 5 Mar 2016 17:46:49 +0300
Subject: [PATCH] refactor(litleIssues): preloader logs and firefox, tabs -
 icons,message-center icons raonded

---
 src/app/pages/ui/tabs/sideTabs.html               |  4 ++--
 src/app/theme/components/msgCenter/msgCenter.html |  4 ++--
 src/app/theme/services/preloader.js               |  3 ---
 src/sass/app/_iconsPage.scss                      | 11 ++++++++++-
 src/sass/theme/_preloader.scss                    |  8 ++++++++
 src/sass/theme/components/_msgCenter.scss         |  4 +++-
 6 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/app/pages/ui/tabs/sideTabs.html b/src/app/pages/ui/tabs/sideTabs.html
index c9983c9..c0ca6ae 100644
--- a/src/app/pages/ui/tabs/sideTabs.html
+++ b/src/app/pages/ui/tabs/sideTabs.html
@@ -6,7 +6,7 @@
         Take up one idea.
       </p>
 
-      <div class="kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Key' | kameleonImg )}}"></div>
+      <div class="kameleon-icon-tabs kameleon-icon with-round-bg danger"><img ng-src="{{::( 'Key' | kameleonImg )}}"></div>
       <p>
         People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a
         way to succeed. </p>
@@ -45,7 +45,7 @@
         Take up one idea.
       </p>
 
-      <div class="kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Phone-Booth' | kameleonImg )}}"></div>
+      <div class="kameleon-icon-tabs kameleon-icon with-round-bg warning"><img ng-src="{{::( 'Phone-Booth' | kameleonImg )}}"></div>
       <p>
         People who succeed have momentum. The more they succeed, the more they want to succeed, and the more they find a
         way to succeed. </p>
diff --git a/src/app/theme/components/msgCenter/msgCenter.html b/src/app/theme/components/msgCenter/msgCenter.html
index 84c218e..50b1a49 100644
--- a/src/app/theme/components/msgCenter/msgCenter.html
+++ b/src/app/theme/components/msgCenter/msgCenter.html
@@ -16,7 +16,7 @@
       </div>
       <div class="msg-list">
         <a href class="clearfix" ng-repeat="msg in notifications">
-          <div class="img-area"><img ng-src="{{::( msg.image ||  (users[msg.userId].name | profilePicture) )}}"></div>
+          <div class="img-area"><img ng-class="{'photo-msg-item' : !msg.image}" ng-src="{{::( msg.image ||  (users[msg.userId].name | profilePicture) )}}"></div>
           <div class="msg-area">
             <div ng-bind-html="getMessage(msg)"></div>
             <span>{{ msg.time }}</span>
@@ -40,7 +40,7 @@
       </div>
       <div class="msg-list">
         <a href class="clearfix" ng-repeat="msg in messages">
-          <div class="img-area"><img ng-src="{{::( users[msg.userId].name | profilePicture )}}"></div>
+          <div class="img-area"><img class="photo-msg-item" ng-src="{{::( users[msg.userId].name | profilePicture )}}"></div>
           <div class="msg-area">
             <div>{{ msg.text }}</div>
             <span>{{ msg.time }}</span>
diff --git a/src/app/theme/services/preloader.js b/src/app/theme/services/preloader.js
index b21ba27..9060e88 100644
--- a/src/app/theme/services/preloader.js
+++ b/src/app/theme/services/preloader.js
@@ -16,16 +16,13 @@
         var img = new Image();
         img.src = src;
         img.onload = function(){
-          console.log("img " + src + " loaded");
           d.resolve();
         };
         return d.promise;
       },
       loadAmCharts : function(){
         var d = $q.defer();
-        console.log("amchart");
         AmCharts.ready(function(){
-          console.log("amchart loaded");
           d.resolve();
         });
         return d.promise;
diff --git a/src/sass/app/_iconsPage.scss b/src/sass/app/_iconsPage.scss
index de60dea..1e3a474 100644
--- a/src/sass/app/_iconsPage.scss
+++ b/src/sass/app/_iconsPage.scss
@@ -33,7 +33,7 @@ a.see-all-icons {
   float: right;
 }
 
-.awesomeIcons{
+.awesomeIcons {
   height: 308px;
 }
 
@@ -58,6 +58,15 @@ a.see-all-icons {
   }
 }
 
+.kameleon-icon-tabs {
+  max-width: 84px;
+  img {
+    width: 100%;
+    min-width: 81px;
+    min-height: 81px;
+  }
+}
+
 .kameleon-icon {
   text-align: center;
   margin: 0 auto;
diff --git a/src/sass/theme/_preloader.scss b/src/sass/theme/_preloader.scss
index f4bedef..3d0df0e 100644
--- a/src/sass/theme/_preloader.scss
+++ b/src/sass/theme/_preloader.scss
@@ -6,6 +6,14 @@
     transform: rotate(360deg); /* Firefox 16+, IE 10+, Opera */
   }
 }
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg); /* Firefox 16+*/
+  }
+  100% {
+    -moz-transform: rotate(360deg); /* Firefox 16+*/
+  }
+}
 
 @keyframes spin {
   0% {
diff --git a/src/sass/theme/components/_msgCenter.scss b/src/sass/theme/components/_msgCenter.scss
index 7a8130a..7459fa1 100644
--- a/src/sass/theme/components/_msgCenter.scss
+++ b/src/sass/theme/components/_msgCenter.scss
@@ -148,7 +148,9 @@
         img {
           width: 36px;
           height: 36px;
-          border-radius: 4px;
+          &.photo-msg-item{
+            border-radius: 18px;
+          }
         }
         & > div {
           width: 36px;