@everchron/ec-shards 5.0.34 → 5.0.36

package/package.json

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

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

@@ -55,6 +55,10 @@
       /** Overwrites the default padding. Should only be used when the cell contains e.g. a button which has it's own padding and thus needs to be aligned with the padding of other cells. Only pass padding shorthand values, for example: `4px 0 4px 8px`.*/
       padding: {
         type: String
+      },
+      /* puts extra padding-left on the first non-static column in the index */
+      firstNonStaticCell: {
+        type: Boolean
       }
     },
 
@@ -87,7 +91,7 @@
         if (this.padding && this.padding !== '')
           return { padding: this.padding }
         else
-          return { padding: '8px' }
+          return this.firstNonStaticCell ? { padding: '8px 8px 8px 16px' } : { padding: '8px' }
       },
 
       computedId(){

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

@@ -128,7 +128,7 @@
         else if(this.fixedRight)
           return { position: 'sticky', right: '0', zIndex: '1' }
         else if(this.firstNonStaticCell)
-          return { padding: '8px 8px 8px 16px' }
+          return { 'padding-left': '16px' }
       },
 
       paddingStyles(){