@everchron/ec-shards 5.0.24 → 5.0.26

package/package.json

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

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

@@ -121,6 +121,7 @@
   flex-shrink: 0;
   position: relative;
   background: $color-white;
+  z-index: 0;
 
   &-inner{
     display: flex;

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

@@ -6,7 +6,7 @@
       <ecs-select v-else-if="select" @change="$emit('selection', $event.target.value)" type="invisible">
         <option v-for="(option, index) in select" :key="index" :selected="option.selected" :value="option.value">{{ option.name }}</option>
       </ecs-select>
-      <div v-else class="ecs-data-grid-head-cell-text">
+      <div v-else class="ecs-data-grid-head-cell-text" :title="name">
         {{ name }}
       </div>
       <!-- @slot Slot for additional content that should appear next to the column title. -->
@@ -173,12 +173,10 @@
       },
 
       setColumnCellsWidth(){
-        /*
         if(!this.initialized) {
           this.initialized = true
           return
         }
-        */
 
         const resizedEl = document.querySelector('[data-column="'+ this.computedId +'"]')
         const currentColumnWidth = resizedEl.offsetWidth
@@ -293,6 +291,11 @@
     font-size: $type-scale-3-font-size;
     line-height: $type-scale-3-line-height;
     font-weight: $font-weight-medium;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    word-break: break-word;
   }
 
   .ecs-form-select{