.root
  position relative
  height 80px
  border-bottom $ui-border
  padding 0 5px
  user-select none
  cursor pointer
  transition background-color 0.15s
  &:hover
    background-color alpha($ui-active-color, 10%)

.root--active
  @extend .root
  .border
    border-color $ui-active-color

.border
  absolute top bottom left right
  border-style solid
  border-width 2px
  border-color transparent
  transition 0.15s

.info
  height 30px
  clearfix()
  font-size 12px
  color $ui-inactive-text-color
  line-height 30px
  overflow-y hidden

.info-left
  float left
  overflow ellipsis

.info-left-folder
  border-left 4px solid transparent
  padding 2px 5px
  color $ui-text-color
.info-left-folder-surfix
  font-size 10px
  margin-left 5px
  color $ui-inactive-text-color
.info-right
  float right

.title
  height 20px
  line-height 20px
  padding 0 5px 0 0
  font-weight bold
  overflow ellipsis
  color $ui-text-color
.title-icon
  font-size 12px
  color $ui-inactive-text-color
  padding-right 3px
.title-empty
  font-weight normal
  color $ui-inactive-text-color

.tagList
  height 30px
  font-size 12px
  line-height 30px
  overflow ellipsis

.tagList-icon
  vertical-align middle
  color $ui-button-color

.tagList-item
  margin 0 4px
  padding 0 4px
  height 20px
  border-radius 3px
  vertical-align middle
  border-style solid
  border-color $ui-button--focus-borderColor
  border-width 0 0 0 3px
  background-color $ui-backgroundColor

.tagList-empty
  color $ui-inactive-text-color
  vertical-align middle

body[data-theme="dark"]
  .root
    border-color $ui-dark-borderColor
    &:hover
      background-color alpha($ui-active-color, 20%)

  .root--active
    @extend .root
    .border
      border-color $ui-active-color

  .info
    color $ui-dark-inactive-text-color

  .info-left-folder
    color $ui-dark-text-color
  .info-left-folder-surfix
    color $ui-dark-inactive-text-color

  .title
    color $ui-dark-text-color
  .title-icon
    color $ui-dark-inactive-text-color
  .title-empty
    color $ui-dark-inactive-text-color

  .tagList-icon
    color $ui-dark-button-color

  .tagList-item
    border-color $ui-dark-button--focus-borderColor
    background-color $ui-dark-backgroundColor

  .tagList-empty
    color $ui-dark-inactive-text-color
