@import '../shared/shared'

#row 
    panel-font()
    height row-height
    user-select none
    transition background-color 0.2s linear
    border-bottom 1px solid lighter


#controller 
    height 100%

#name 
    // overflow hidden
    padding 0 padding
    box-sizing border-box
    width row-name-width
    cursor default
    .comment-true &  
        cursor pointer
    
#nameInner 
    overflow hidden
    text-overflow ellipsis
    // word-wrap break-word

#comment  
    
    panel-font()

    line-height 1.6em
    background color-comment
    color #333

    box-sizing border-box
    overflow hidden
    transition height 0.15s ease

    position absolute
    z-index 999
    pointer-events none
    
    opacity 0
    transform translate3d( 0, 20px, 0 )

    transition all 0.2s ease

#comment.open-true  
    
    opacity 1
    transform translate3d( 0, 0, 0 )
    +touch( false )
        transition-delay 200ms

#commentInner 
    padding padding

.comment-true #nameInner  

    display inline-block
    border-bottom 1px dotted light
    
    &:after  
        // content ' ?'
        // color light