@itfin/components 1.2.135 → 1.2.136

package/package.json

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

package/src/assets/scss/components/_dropdown.scss

@@ -2,6 +2,11 @@
 
 .itf-dropdown {
   display: inline-block;
+
+  &__menu.dropdown-menu {
+    border: 0 none;
+    padding: 0;
+  }
 }
 
 

package/src/assets/scss/components/_segmeneted-control.scss

@@ -96,6 +96,7 @@
     }
 
     input {
+      z-index: 2;
       position: absolute;
       top: 0;
       left: 0;

package/src/components/dropdown/Dropdown.vue

@@ -1,4 +1,4 @@
-<!--template>
+<template>
 
   <div class="itf-dropdown" :class="`drop${placement}`">
     <div v-if="disabled"><slot name="button">{{label}}</slot></div>
@@ -26,7 +26,7 @@
     </div>
   </div>
 
-</template-->
+</template>
 <script>
 import { Vue, Component, Prop, Watch, PropSync } from 'vue-property-decorator';
 import itfButton from '../button/Button';
@@ -73,38 +73,12 @@ class itfDropdown extends Vue {
   //   }
   // }
 
-  render (createElement) {
-    const modalId = `dropdownId${this._uid}`;
-    const { right, shadow } = this;
-    return createElement('div', {}, [
-      createElement(
-        'itf-button',
-        {
-          props: this.buttonOptions || {},
-          class: { 'dropdown-toggle': this.toggle },
-          attrs: { id: modalId, 'data-bs-toggle': 'dropdown', 'aria-expanded': 'false' },
-          ref: 'toggle',
-        },
-        this.$slots.button
-      ),
-      createElement(
-        'div',
-        {
-          attrs: { rel: 'dropdown' , 'aria-labelledby': modalId},
-          class: { 'dropdown-menu-end': right, 'shadow': shadow },
-          staticClass: 'itf-dropdown__menu dropdown-menu'
-        },
-        this.$slots.default
-      )
-    ]);
-  }
-
   created() {
-    console.info(this);
+    globalModalIndex += 1;
+    this.modalId = `dropdownId${globalModalIndex}`;
   }
 
   async mounted() {
-    console.info(this);
     if (typeof window === 'undefined' || !this.$refs.toggle) {
       return;
     }

package/src/components/kanban/styles.scss

@@ -269,7 +269,7 @@
 .itf-board-cards-wrapper {
   display: flex;
   flex-direction: column;
-  overflow: auto;
+  overflow: hidden;
   flex-grow: 1;
   padding: .5rem .25rem 0;
   background-color: var(--itf-board-column-bg-color);

package/src/components/modal/Modal.vue

@@ -53,6 +53,7 @@ class itfModal extends Vue {
   @Prop({ type: Boolean, default: false }) closable
   @Prop({ type: Boolean, default: false }) closeIcon
   @Prop({ type: Boolean, default: false }) persistent
+  @Prop({ type: Boolean, default: false }) slider
   @Prop({ type: Boolean, default: false }) escClose
   @Prop({ type: Function, default: null }) onEscClose;
   @Prop({ type: Boolean, default: true }) appendToBody;