DEXW-2225: fix warning-plate

Author: Vusal Gakhramanov

src/index.hbs

@@ -524,9 +524,7 @@
     <w-container-alert-notification type="userNotification"></w-container-alert-notification>
 </div>
 
-<div class="warning-timer">
-    <w-warning-plate></w-warning-plate>
-</div>
+<w-warning-plate class="warning-timer"></w-warning-plate>
 
 <div class="app-preloader">
     <div class="progress"></div>

src/modules/app/directives/componentWarningPlate/ComponentWarningPlate.js

@@ -8,9 +8,10 @@
      * @param {app.utils} utils
      * @param {User} user
      * @param {Storage} storage
+     * @param {ng.IAugmentedJQuery} $element
      * @return {ComponentWarningPlate}
      */
-    const controller = function ($scope, $transitions, modalManager, utils, user, storage) {
+    const controller = function ($scope, $transitions, modalManager, utils, user, storage, $element) {
 
         class ComponentWarningPlate {
 
@@ -119,6 +120,7 @@
                     } else {
                         this.canMoveAccounts = false;
                     }
+                    $element.toggleClass('warning-timer_active', this.canMoveAccounts);
                     $scope.$apply();
                 });
             }
@@ -139,7 +141,7 @@
 
     };
 
-    controller.$inject = ['$scope', '$transitions', 'modalManager', 'utils', 'user', 'storage'];
+    controller.$inject = ['$scope', '$transitions', 'modalManager', 'utils', 'user', 'storage', '$element'];
 
     angular.module('app').component('wWarningPlate', {
         templateUrl: 'modules/app/directives/componentWarningPlate/componentWarningPlate.html',

src/modules/app/directives/componentWarningPlate/componentWarningPlate.html

@@ -15,7 +15,7 @@
             </div>
             <div>
                 <span class="warning-plate__timer-value">{{$ctrl.minutes}}</span>
-                <span w-i18n="warningPlate.min"> m </span>
+                <span w-i18n="warningPlate.min"> m : </span>
             </div>
             <div>
                 <span class="warning-plate__timer-value">{{$ctrl.seconds}}</span>

src/modules/app/directives/componentWarningPlate/componentWarningPlate.less

@@ -3,6 +3,8 @@
 
 w-warning-plate {
   .warning-plate {
+    display: block;
+
     &__content {
       display: flex;
       flex-direction: row;
@@ -95,11 +97,23 @@ w-warning-plate {
   }
 }
 
-.warning-timer {
+.warning-timer_active {
   position: relative;
   z-index: 11;
+  display: block;
+
   &+ .ui-view {
     height: calc(100% ~"- 40px");
+
+    .main-header_new-user {
+      top: 40px;
+
+      &.fixed {
+        .main-header__header {
+          top: 40px;
+        }
+      }
+    }
   }
 }
 
@@ -155,9 +169,19 @@ w-warning-plate {
     }
   }
 
-  .warning-timer {
+  .warning-timer_active {
     &+ .ui-view {
       height: calc(100% ~"- 72px");
+
+      .main-header_new-user {
+        top: 72px;
+  
+        &.fixed {
+          .main-header__header {
+            top: 72px;
+          }
+        }
+      }
     }
   }
-}
+}

src/modules/ui/directives/mainHeader/less/largeHeader/largeHeader.less

@@ -165,7 +165,7 @@
     position: fixed;
     z-index: 10;
     width: 100%;
-    top: 40px;
+    top: 0;
     left: 0;
 
     .main-header__header::after {
@@ -175,7 +175,7 @@
 
     &.fixed .main-header__header {
       position: fixed;
-      top: 40px;
+      top: 0;
 
       &::after {
         opacity: 1;