@import '../../../assets/constants'
.visualizer-elist
  flex: none
  height: 100%
  width: 350px
  display: flex
  flex-direction: column
  height: 100%
  .visua-namelist
    flex: 1
    overflow: auto
    .no-data
      color: $color-font-tip
      text-align: center
      padding: 20px 0
    .c-tooltip-trigger
      display: block
      .ename-item
        display: flex
        flex-direction: row
        &>*
          flex: none
        .ename
          flex: 1
          overflow: hidden
          text-overflow: ellipsis
          white-space: nowrap
      li
        font-size: $size-font-subtitle-small
        height: 45px
        line-height: 45px
        padding: 0 10px
        color: $color-brand-black
        background: $color-status-normal-light
        border-bottom: 2px solid #fff
        .visua-badge
          color: $color-status-danger
          font-size: $size-font-mark
        i
          float: right
          font-size: $size-font-mark
        .i-del
          display: none
          &:hover
            color: $color-status-danger
        &:hover
          cursor: pointer
          .i-del
            display: inline
        &.visua-removed
          background: $color-status-disable
          color: #fff
          cursor: not-allowed
          .i-del
            display: none
  .visua-right-title, .visua-list-foot
    flex: none
  .visua-list-foot
    text-align: center
  .visua-right-title
    background: $color-bg-light
    color: $color-font-title
    font-size: $size-font-subtitle-small
    text-align: center
    padding: 5px 0