@everchron/ec-shards 0.7.40 → 0.7.41

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "0.7.40",
+  "version": "0.7.41",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/dialog/dialog.vue

@@ -60,7 +60,6 @@
     mounted(){
       const that = this
       document.onkeyup = function(e) {
-        console.log('keyup', that.isShown, e.which, e)
         if (that.isShown){
           if (e.key == "Escape"){
             that.$emit('cancel')

package/src/components/layout-index/layout-index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ecs-index-layout">
+  <div class="ecs-index-layout" :class="[backgroundWhite ? 'background-white' : '']">
 
     <slot name="toolbar"></slot>
     <slot name="action-toolbar"></slot>
@@ -31,6 +31,10 @@
       indent: {
         type: Boolean,
         default: false
+      },
+      backgroundWhite: {
+        type: Boolean,
+        default: false
       }
     }
   }
@@ -47,6 +51,10 @@
   height: calc(100vh - #{$header_height});
   background: $gray-1;
 
+  &.background-white{
+    background: #FFF;
+  }
+
   &-wrap{
     flex: 1;
     display: flex;
@@ -91,7 +99,7 @@
     &.overlay{
       position: absolute;
       z-index: 5;
-      right: 0;
+      right: 10px;
       top: 0;
       bottom: 0;
     }

package/src/components/sidebar/sidebar.vue

@@ -80,6 +80,7 @@ export default {
   &-closed{
     width: 38px;
     height: auto;
+    margin: 15px 5px;
 
     .ecs-ecs-tab-content{
       height: 0;
@@ -159,4 +160,4 @@ export default {
     display: none;
   }
 }
-</style>
+</style>