@import 'part:@sanity/base/theme/variables-style';

.root {
  /* display: block; */
}

.mainNav {
  display: flex;
}

.title {
  flex: 1;
  min-width: 0;
  padding: 1em;
  line-height: 17px;
  cursor: default;

  @nest .isCollapsed & {
    transform: rotate(90deg);
    transform-origin: calc(49px / 2) calc(49px / 2);
    min-width: 100vh;
  }
}

.paneFunctions {
  padding: 8px;

  @nest .isCollapsed & {
    display: none;
  }
}

.paneActions {
  padding: 8px;
  display: flex;

  @nest & > div + div {
    margin-left: 4px;
  }

  @nest .isCollapsed & {
    display: none;
  }
}

.viewNav {
  margin-top: calc(0 - var(--small-padding));
  display: flex;

  @nest .isCollapsed & {
    display: none;
  }
}

.tabsContainer {
  flex: 1;
}

.versionSelectContainer {
  margin: 4px 0.5em 4px auto;
}

@import 'part:@sanity/base/theme/variables-style';

.root {
  /* display: block; */
}

.mainNav {
  display: flex;
}

.title {
  flex: 1;
  min-width: 0;
  padding: 1em;
  line-height: 17px;
  cursor: default;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;

  @nest .isCollapsed & {
    transform: rotate(90deg);
    transform-origin: calc(49px / 2) calc(49px / 2);
    min-width: 100vh;
  }
}

.paneFunctions {
  padding: 8px;

  @nest .isCollapsed & {
    display: none;
  }

  @nest &:empty {
    display: none;
  }
}

.paneActions {
  padding: 8px;
  display: flex;

  @nest & > div + div {
    margin-left: 4px;
  }

  @nest .isCollapsed & {
    display: none;
  }
}

.viewNav {
  margin-top: calc(0 - var(--small-padding));
  display: flex;

  @nest .isCollapsed & {
    display: none;
  }
}

.tabsContainer {
  flex: 1;
}

.versionSelectContainer {
  margin: 4px 0.5em 4px auto;
}

Fix document pane title overflow
[desk-tool] Fix document pane title overflow
