added minSize in case of dashboard tab

EEXCESS · Sep 15, 2015 · 6f8f33c · 6f8f33c
1 parent 98fabae
commit 6f8f33c
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 2 deletions.
diff --git a/css/searchBar.css b/css/searchBar.css
@@ -7,7 +7,7 @@
 .ui-tabs-vertical .ui-tabs-nav {
     padding: .2em .1em .2em .2em;
     float: left;
-    width: auto;
+    width: 117px;
 }
 
 .ui-tabs-vertical .ui-tabs-nav li {
@@ -47,7 +47,7 @@
 
 #jQueryTabsHeader {
     cursor: move;
-    width: 99%;
+    width: calc(100% - 117px - 8px);
     height: 99%;
     z-index: 9999;
     border: none;

diff --git a/js/searchBar.js b/js/searchBar.js
@@ -104,6 +104,20 @@ define(['jquery', 'jqueryui'], function ($) {
             });
 
 
+            // check which tab is activated as Dashboard needs a minSize of 800px to display properly (translates
+            // into 950 px with the jqueryUiTabs)
+            $jQueryTabsHeader.tabs({
+                activate: function (event, ui) {
+                    if (ui.newPanel.attr('id') == "tabs-3") {
+                        $jQueryTabsHeader.resizable("option", "minWidth", 800);
+                        $jQueryTabsHeader.width(800);
+                        $jQueryTabsHeader.resize();
+                    }
+                    else {
+                        $jQueryTabsHeader.resizable("option", "minWidth", 250);
+                    }
+                }
+            });
 
 
             // adding resize functionality