@import "../variables";

.TitleBar {
  position: sticky;
  top: 0;
  left: 0;
  height: 45px;
  background-color: $color-background;
  border-bottom: $border;
  padding: 10px 0 0;
  z-index: 300;
  > h1 {
    position: relative;
    margin: 0;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    > span {
      color: $color-text-minor;
      font-size: 0.6em;
      font-weight: 300;
    }
    > svg {
      position: absolute;
      right: 10px;
    }
  }
  > .topIcons {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 400;
    a {
      color: $color-text;
      &:hover {
        fill: $color-hover !important;
      }
      margin-left: 10px;
    }
    svg {
      cursor: pointer;
      &:hover {
        fill: $color-hover !important;
      }
    }
  }
}
.file_desc {
  position: sticky;
  left: 0;
  min-height: 30px;
  padding: 20px 0;
}