.root
  user-select none
  color $nav-text-color

.header
  position relative
  height 33px
  cursor pointer
  color $nav-inactive-text-color
  transition 0.15s
  &:hover
    background-color $nav-hover-background
    .header-control-button
      opacity 1

.header-name
  position absolute
  left 0
  top 0
  bottom 0
  right 72px
  padding-left 10px
  line-height 33px

.header-control
  position absolute
  top 0
  bottom 0
  right 5px
  width 48px

.header-control-button
  width 24px
  padding 0
  margin-top 4.5px
  height 24px
  border none
  border-radius 5px
  background-color transparent
  color $nav-inactive-text-color
  opacity 0
  transition 0.15s
  &:hover
    background-color $nav-hover-background
  &:active
    background-color $nav-active-background
    color $nav-text-color

.header-control-button--show
  @extend .header-control-button
  opacity 1

.newFolderForm
  width 100%
  padding 0 15px
  height 33px

.newFolderForm-nameInput
  width 100%
  height 33px
  padding 0 10px
  border-radius 5px
  border solid 1px $nav-border-color
  outline none
  &:focus
    border-color $focus-border-color
  &:disabled
    background-color $disabled-input-background

.newFolderButton
  height 33px
  width 100%
  border none
  padding-left 20px
  text-align left
  color $nav-inactive-text-color
  background-color transparent
  transition 0.15s
  &:hover
    background-color $nav-hover-background
  &:active
    background-color $nav-active-background
    color $nav-text-color