#comable-theme-editor {
  position: relative;

  .comable-theme-editor-filename {
    @include border-top-radius($input-border-radius);
    @include nowrap;
    padding: 0 15px;
    height: $comable-theme-editor-filename-height;
    line-height: $comable-theme-editor-filename-height;
    color: $comable-theme-editor-color;
    background-color: $comable-theme-editor-filename-bg;
    overflow: hidden;
  }

  .comable-theme-editor-window {
    @include border-bottom-radius($input-border-radius);
    position: absolute;
    top: $comable-theme-editor-filename-height;
    left: 0;
    bottom: 0;
    right: 0;
  }

  .panel {
    display: table;
    width: 100%;
    height: 100%;
    color: $comable-theme-editor-color;
    background-color: $comable-theme-editor-bg;

    .panel-body {
      display: table-cell;
      vertical-align: middle;
      text-align: center;
    }
  }
}


#comable-file-tree {
  @include border-radius($input-border-radius);
  @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));
  margin-bottom: 15px;
  padding: 5px 0;
  border: 1px solid $input-border;
  overflow: auto;

  dl {
    $indent: 1.5em;
    margin-bottom: 0;

    dl {
      text-indent: $indent;
      dl {
        text-indent: $indent * 2;
      }
    }
  }

  dt, a {
    display: block;
    padding: 5px 10px;
  }

  a {
    &:hover, &:active {
      color: $dropdown-link-active-color;
      background-color: $dropdown-link-active-bg;
    }
  }
}