@import './lib';

#toolbar
  background-color $bg

  .toolbarActions
    padding 0 0 5px
    display flex
    align-items baseline

    a.disabled
      color #666
      cursor default

    .helpButtonContainer
      flex-grow 1
      padding-right 10px
      text-align right

#scenegraph
  background $bg
  border-top 1px solid #111
  display flex
  flex-direction column
  overflow auto
  padding-top 32px
  width 230px

  .entity
    background $bg
    cursor pointer
    display flex
    justify-content space-between
    padding 3px
    width 100%
    white-space nowrap

    &:hover
      background #1d2f39

    &.active
      background-color #155373
      color #fff
      .component:hover
        color #1888c1
      .entityActions
        display inline

    &.novisible
      &.active
        span,
        svg,
        .collapsespace,
        .id
          color #999

      &:not(.active)
        span,
        svg,
        .collapsespace,
        .id
          color #626262

  .component:hover
    color #1faaf2

  .entityIcons
    margin-left 2px

  .entityActions
    display none
    margin 0 14px

    .button
      color #fff
      font-size 12px
      margin-left 6px

  svg
    color #CCC

  .toolbarActions svg:hover,
  .entityActions svg:hover
    color $primary

  .active svg
    color #FAFAFA

  .id
    color #ccc

  .option.active .id
    color #fff

  .collapsespace
    color #eee
    display inline-block
    text-align center
    width 14px

  .fa-eye
    color #bbb

  .icons a.button
    color #fff

  .search
    padding 5px
    font-size 16px
    position relative

    input
      color $white
      background $bgdark
      border-radius 5px
      height 22px
      text-indent 10px
      width 216px

    >svg, a.button
      position absolute
      right 14px
      top 10px

  .outliner
    background $bg
    color $white
    cursor default
    flex 1 1 auto
    font-size 13px
    height calc(100% - 98px)
    line-height normal
    outline none
    overflow-y auto
    padding 0
    width 230px

.scenegraph-bottom
  background-color #323232
  border-top 1px solid #111
  bottom 10
  height 40px
  left 0
  z-index 100

  a
    float right
    margin 10px