Merge branch 'master' into add-routing-tab

Author: armano2

src/devtools/components/SplitPane.vue

@@ -6,7 +6,7 @@
     :class="{ dragging: dragging }">
     <div class="left" :style="{ width: split + '%' }">
       <slot name="left"></slot>
-      <div class="dragger" @mousedown="dragStart">
+      <div class="dragger" @mousedown.prevent="dragStart">
       </div>
     </div>
     <div class="right" :style="{ width: (100 - split) + '%' }">

src/devtools/views/events/EventsHistory.vue

@@ -76,4 +76,45 @@ export default {
 
 <style lang="stylus" scoped>
 @import "../../common"
+.no-events
+  color #ccc
+  text-align center
+  margin-top 50px
+  line-height 30px
+
+.entry
+  position relative;
+  font-family Menlo, Consolas, monospace
+  color #881391
+  cursor pointer
+  padding 10px 20px
+  font-size 12px
+  background-color $background-color
+  box-shadow 0 1px 5px rgba(0,0,0,.12)
+  .event-name
+    font-weight 600
+  .event-source
+    color #999
+  .component-name
+    color $component-color
+  .event-type
+    color #999
+    margin-left 8px
+  &.active
+    color #fff
+    background-color $active-color
+    .time, .event-type, .component-name
+      color lighten($active-color, 75%)
+    .event-name
+      color: #fff
+    .event-source
+      color #ddd
+  .app.dark &
+    background-color $dark-background-color
+
+.time
+  font-size 11px
+  color #999
+  float right
+  margin-top 3px
 </style>