Fix styling issues with tabs manager (#84)

Azure · Jul 10, 2020 · 35dcc17 · 35dcc17
1 parent dcd6e03
commit 35dcc17
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/less/documentDB.less b/less/documentDB.less
@@ -2351,6 +2351,7 @@ a:link {
 
 .tabsContainer {
     height: 100%;
+    width: 100%;
     overflow: hidden;
 }
 

diff --git a/src/explorer.html b/src/explorer.html
@@ -193,7 +193,11 @@
               <div class="connectExplorer" data-bind="react: splashScreenAdapter"></div>
             </form>
           </div>
-          <tabs-manager class="tabsContainer" params="{data: tabsManager}"></tabs-manager>
+          <tabs-manager
+            class="tabsContainer"
+            params="{data: tabsManager}"
+            data-bind="visible: tabsManager.openedTabs().length > 0"
+          ></tabs-manager>
         </div>
         <!-- Collections Tree and Tabs - End -->
         <div