@everchron/ec-shards 4.0.0 → 4.0.2

package/package.json

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

package/src/components/data-grid/data-grid-cell.vue

@@ -31,7 +31,7 @@
       /** Sets the minimum width of the column. It's not possible to set a resize width that's less than the minimum width. */
       minWidth: {
         type: Number,
-        default: 60
+        default: 20
       },
       /** Keeps the cell's column fixed at the left side. This requires the `fixedLeftOffset` prop to be set. */
       fixedLeft: {

package/src/components/data-grid/data-grid-head-cell.vue

@@ -49,7 +49,7 @@
       /** Sets the minimum width of the column. It's not possible to set a resize width that's less than the minimum width. */
       minWidth: {
         type: Number,
-        default: 60
+        default: 20
       },
       /** If set, an icon will be added to the header cell. The icon will replace any text. The list of available icon names can be found [here](https://github.com/everchron/ec-shards/tree/main/src/assets/icons). */
       icon: {
@@ -171,6 +171,7 @@
   flex-shrink: 0;
   background: $color-white;
   position: relative;
+  z-index: 0;
 
   &-inner{
     display: flex;
@@ -195,6 +196,7 @@
   background: none;
   padding: 0 1px;
   height: 24px;
+  cursor: pointer;
 }
 
 .shadow{

package/src/components/data-grid/data-grid.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ecs-data-grid scrollbar">
+  <div class="ecs-data-grid scrollbar" :class="$slots.empty  ? 'empty' : ' '">
     <div class="ecs-data-grid-head">
       <!-- @slot Slot for the table head row cells. -->
       <slot name="head"></slot>
@@ -51,6 +51,10 @@
   overflow: auto;
   background: $color-white;
 
+  &.empty{
+    overflow-x: hidden;
+  }
+
   &.non-sticky{
     height: auto;
     overflow: initial;