@import "ui-variables";
@import "octicon-mixins";

@font-face { .octicon-font(); }

html {
  font-family: @font-family;
  font-size: @font-size;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

atom-workspace {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  color: @text-color;
  background-color: @app-background-color;
  font-family: @font-family;

  atom-workspace-axis {
    position: relative;
  }
  
  atom-workspace-axis.horizontal {
    display: flex;
    flex: 1;
  }

  atom-workspace-axis.vertical {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
}

@import "ui-variables";
@import "octicon-mixins";

@font-face { .octicon-font(); }

html {
  font-family: @font-family;
  font-size: @font-size;
}

html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

atom-workspace {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  color: @text-color;
  background-color: @app-background-color;
  font-family: @font-family;

  atom-workspace-axis {
    position: relative;
  }
  
  atom-workspace-axis.horizontal {
    display: flex;
    flex: 1;
  }

  atom-workspace-axis.vertical {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
  }
}

Fix overflowing of the tabs
Fix overflowing of the tabs

This is a follow up for #11866.

In this case when there are too many tabs, they start to push `atom-workspace-axis.vertical` beyond the window width.
