@itfin/components 1.2.108 → 1.2.110

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.2.108",
+  "version": "1.2.110",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/customize/PropertiesList.vue

@@ -189,7 +189,11 @@ class itfPropertiesList extends Vue {
     this.$nextTick(() => {
       setTimeout(() => {
         if (this.$refs.properties && this.$refs.properties[list.length - 1]) {
-          this.$refs.properties[list.length - 1].showEditMenu();
+          try {
+            this.$refs.properties[list.length - 1].showEditMenu();
+          } catch (e) {
+            // ignore
+          }
         }
       }, 10);
     });

package/src/components/kanban/BoardCard.vue

@@ -3,7 +3,7 @@
     <slot name="header"></slot>
 
     <div class="itf-board-card-inner d-flex">
-      <div class="flex-grow-1 itf-board-card-inner-content">
+      <div class="flex-grow-1">
         <slot>{{text}}</slot>
       </div>
       <div v-if="dropdown">

package/src/components/kanban/BoardColumn.vue

@@ -15,7 +15,7 @@
       {{ newItemText }}
     </itf-button>
 
-    <div class="itf-board-cards-wrapper" ref="container">
+    <div class="itf-board-cards-wrapper" ref="container" :class="{'empty-column': !items.length}">
       <template v-if="!items.length">
         <slot name="empty"></slot>
       </template>

package/src/components/kanban/styles.scss

@@ -22,6 +22,8 @@
   display: flex;
   flex-wrap: nowrap;
   flex-direction: column;
+  overflow-x: scroll;
+  overflow-y: hidden;
 
   .draggable-mirror {
     z-index: 100000001;
@@ -107,6 +109,7 @@
   .itf-board-column {
     position: relative;
     width: var(--itf-board-column-width);
+    min-width: var(--itf-board-column-width);
     border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);
 
     &__title {
@@ -150,12 +153,18 @@
 }
 
 .itf-board-titles {
+  width: max-content;
   border-bottom: 1px solid var(--itf-board-card-border-color);
 }
 
 .itf-board-columns {
   max-height: 100%;
+  padding-bottom: 45px;
 
+  .empty-column .itf-board-card-space.bottom {
+    top: 0;
+    height: 100%;
+  }
   .itf-board-column {
     display: flex;
   }
@@ -181,8 +190,8 @@
       right: 0;
       top: -50px;
       left: 0;
-      bottom: -50px;
-      height: 100px;
+      bottom: 0px;
+      height: 50px;
     }
     &.bottom {
       top: auto;
@@ -225,17 +234,7 @@
     font-size: .875rem;
     word-wrap: break-word;
     -webkit-line-clamp: unset;
-    overflow: hidden;
     word-break: break-word;
-
-    .itf-board-card-inner-content {
-      padding-right: 0.2rem;
-      overflow-x: hidden;
-    }
-  }
-
-  .itf-board-card-footer {
-    overflow-x: hidden;
   }
 }