Merge pull request #6548 from jasongrout/overflow

Handle small tabs overflowing and preserve the border bridging for the active tab
jupyterlab · Jun 12, 2019 · a449f28 · a449f28
2 parents 676907b + 9243140
commit a449f28
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/application/style/tabs.css b/packages/application/style/tabs.css
@@ -19,6 +19,8 @@
 |----------------------------------------------------------------------------*/
 
 .p-DockPanel-tabBar {
+  border-bottom: var(--jp-border-width) solid var(--jp-border-color1);
+  overflow: visible;
   color: var(--jp-ui-font-color1);
   font-size: var(--jp-ui-font-size1);
 }
@@ -44,15 +46,14 @@
   min-height: calc(
     var(--jp-private-horizontal-tab-height) + var(--jp-border-width)
   );
-  min-width: 36px;
+  min-width: 0px;
   margin-left: calc(-1 * var(--jp-border-width));
   line-height: var(--jp-private-horizontal-tab-height);
   padding: 0px 8px;
   background: var(--jp-layout-color2);
   border: var(--jp-border-width) solid var(--jp-border-color1);
   border-bottom: none;
   position: relative;
-  overflow: visible;
 }
 
 .p-DockPanel-tabBar .p-TabBar-tab:hover:not(.p-mod-current) {