2014-09-03 18:47:32 +00:00
|
|
|
@import '../shared/shared'
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#row
|
2014-08-27 00:01:15 +00:00
|
|
|
panel-font()
|
2014-09-03 18:47:32 +00:00
|
|
|
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
|
2014-09-07 20:18:36 +00:00
|
|
|
+touch()
|
|
|
|
|
font-size 11px
|
|
|
|
|
width 30%
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#nameInner
|
|
|
|
|
overflow hidden
|
|
|
|
|
text-overflow ellipsis
|
|
|
|
|
// word-wrap break-word
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#comment
|
|
|
|
|
|
|
|
|
|
panel-font()
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
line-height 1.6em
|
|
|
|
|
background color-comment
|
|
|
|
|
color #333
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
box-sizing border-box
|
|
|
|
|
overflow hidden
|
|
|
|
|
transition height 0.15s ease
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
position absolute
|
|
|
|
|
z-index 999
|
|
|
|
|
pointer-events none
|
2014-09-07 20:18:36 +00:00
|
|
|
transform translate3d( 0, 20px, 0 )
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
opacity 0
|
|
|
|
|
transition all 0.2s ease
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#comment.open-true
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
opacity 1
|
|
|
|
|
transform translate3d( 0, 0, 0 )
|
|
|
|
|
+touch( false )
|
|
|
|
|
transition-delay 200ms
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
#commentInner
|
|
|
|
|
padding padding
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
.comment-true #nameInner
|
2014-08-27 00:01:15 +00:00
|
|
|
|
2014-09-03 18:47:32 +00:00
|
|
|
display inline-block
|
|
|
|
|
border-bottom 1px dotted light
|
|
|
|
|
|
|
|
|
|
&:after
|
|
|
|
|
// content ' ?'
|
|
|
|
|
// color light
|
2014-08-27 00:01:15 +00:00
|
|
|
|
|
|
|
|
|
