Dynamic height for the menu directive

wazuh · Jun 10, 2019 · 427d0f3 · 427d0f3
1 parent a998955
commit 427d0f3
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 7 deletions.
diff --git a/public/directives/wz-menu/wz-menu.html b/public/directives/wz-menu/wz-menu.html
@@ -1,4 +1,4 @@
-<md-toolbar class="wz-menu">
+<md-toolbar ng-style="{'height': {{barHeight}} + 'px','min-height': {{barHeight}} + 'px'}">
 
     <!-- Main toolbar content -->
     <div class="md-toolbar-tools wz-menu-content">

diff --git a/public/directives/wz-menu/wz-menu.js b/public/directives/wz-menu/wz-menu.js
@@ -12,6 +12,7 @@
 
 import menuTemplate from './wz-menu.html';
 import { uiModules } from 'ui/modules';
+import $ from 'jquery';
 
 const app = uiModules.get('app/wazuh', []);
 
@@ -34,6 +35,12 @@ class WzMenu {
   ) {
     $scope.showSelector = appState.getPatternSelector();
 
+    let height = false;
+    try {
+      height = $('#navDrawerMenu > ul:nth-child(2)')[0].clientHeight;
+    } catch (error) {} // eslint-disable-line
+    $scope.barHeight = (height || 51) + 2;
+
     $scope.$applyAsync();
 
     if (appState.getCurrentAPI()) {

diff --git a/public/directives/wz-menu/wz-menu.less b/public/directives/wz-menu/wz-menu.less
@@ -15,11 +15,6 @@
 /* -------------------------------------------------------------------------- */
 
 /* Style to the base toolbar */
-.wz-menu {
-    height: 53px;
-    min-height: 53px;
-}
-
 /* Style applied to the toolbar-tools container */
 .wz-menu-content {
     color: #373a42;

diff --git a/public/templates/agents-prev/agents-prev.head b/public/templates/agents-prev/agents-prev.head
@@ -1,4 +1,4 @@
-<div ng-cloak flex="auto" ng-controller="agentsPreviewController as ctrl" layout="column" class="mozilla-table-size-99">
+<div ng-cloak flex="auto" ng-controller="agentsPreviewController as ctrl" layout="column">
 
     <wz-menu ng-init="menuNavItem = 'agents'"></wz-menu>