You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
69 lines
1.1 KiB
Stylus
69 lines
1.1 KiB
Stylus
.scratchpad__sidebar
|
|
z-index: 9999
|
|
opacity: 0
|
|
transition: opacity .2s linear
|
|
mask-image: linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,0) 50%)
|
|
|
|
&.visible
|
|
opacity: 0.3
|
|
|
|
&:hover
|
|
opacity: 1
|
|
mask-image: none
|
|
|
|
.scratchpad-container
|
|
position: absolute
|
|
background: #FFF
|
|
|
|
#scratchpad
|
|
position: absolute
|
|
left: 0
|
|
top: $nav-item-height
|
|
width: 100%
|
|
bottom: 0
|
|
|
|
.scratchpad__problem
|
|
position: absolute
|
|
left: 0
|
|
top: 0
|
|
width: 100%
|
|
height: 100%
|
|
overflow: auto
|
|
|
|
.scratchpad__toolbar__pretest.enabled:hover .icon
|
|
color: red
|
|
|
|
.scratchpad__toolbar__submit.enabled:hover .icon
|
|
color: green
|
|
|
|
.scratchpad__records__table
|
|
&.loading
|
|
// make a flash by setting opacity, otherwise users
|
|
// won't think that refreshing is completed!
|
|
opacity: 0.6
|
|
|
|
.col--at
|
|
width: rem(120px)
|
|
|
|
.col--time,
|
|
.col--memory
|
|
width: rem(70px)
|
|
|
|
.col--detail
|
|
border-right: 1px solid $table-border-color
|
|
|
|
.icol
|
|
display: inline-block
|
|
|
|
.icol--pretest
|
|
width: rem(60px)
|
|
|
|
.flag
|
|
font-size: rem(12px)
|
|
color: #FFF
|
|
padding: rem(2px 3px)
|
|
|
|
.icol--stat
|
|
color: #AAA
|
|
width: rem(60px)
|