@itfin/components 1.2.135 → 1.2.137

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/src/assets/scss/components/_dropdown.scss +5 -0
  3. package/src/assets/scss/components/_segmeneted-control.scss +1 -0
  4. package/src/components/dropdown/Dropdown.vue +19 -17
  5. package/src/components/kanban/styles.scss +1 -1
  6. package/src/components/modal/Modal.vue +1 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itfin/components",
3
- "version": "1.2.135",
3
+ "version": "1.2.137",
4
4
  "author": "Vitalii Savchuk <esvit666@gmail.com>",
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/assets/scss/components/_dropdown.scss CHANGED
@@ -2,6 +2,11 @@
2
2
 
3
3
  .itf-dropdown {
4
4
  display: inline-block;
5
+
6
+ &__menu.dropdown-menu {
7
+ border: 0 none;
8
+ padding: 0;
9
+ }
5
10
  }
6
11
 
7
12
 
package/src/assets/scss/components/_segmeneted-control.scss CHANGED
@@ -96,6 +96,7 @@
96
96
  }
97
97
 
98
98
  input {
99
+ z-index: 2;
99
100
  position: absolute;
100
101
  top: 0;
101
102
  left: 0;
package/src/components/dropdown/Dropdown.vue CHANGED
@@ -75,26 +75,28 @@ class itfDropdown extends Vue {
75
75
 
76
76
  render (createElement) {
77
77
  const modalId = `dropdownId${this._uid}`;
78
- const { right, shadow } = this;
79
- return createElement('div', {}, [
78
+ const { right, shadow, label } = this;
79
+ return createElement('div', {
80
+ staticClass: 'dropdown'
81
+ }, [
80
82
  createElement(
81
- 'itf-button',
82
- {
83
- props: this.buttonOptions || {},
84
- class: { 'dropdown-toggle': this.toggle },
85
- attrs: { id: modalId, 'data-bs-toggle': 'dropdown', 'aria-expanded': 'false' },
86
- ref: 'toggle',
87
- },
88
- this.$slots.button
83
+ 'itf-button',
84
+ {
85
+ props: this.buttonOptions || {},
86
+ class: { 'dropdown-toggle': this.toggle },
87
+ attrs: { id: modalId, 'data-bs-toggle': 'dropdown', 'aria-expanded': 'false' },
88
+ ref: 'toggle',
89
+ },
90
+ this.$slots.button || label
89
91
  ),
90
92
  createElement(
91
- 'div',
92
- {
93
- attrs: { rel: 'dropdown' , 'aria-labelledby': modalId},
94
- class: { 'dropdown-menu-end': right, 'shadow': shadow },
95
- staticClass: 'itf-dropdown__menu dropdown-menu'
96
- },
97
- this.$slots.default
93
+ 'div',
94
+ {
95
+ attrs: { rel: 'dropdown' , 'aria-labelledby': modalId},
96
+ class: { 'dropdown-menu-end': right, 'shadow': shadow },
97
+ staticClass: 'itf-dropdown__menu dropdown-menu'
98
+ },
99
+ this.$slots.default
98
100
  )
99
101
  ]);
100
102
  }
package/src/components/kanban/styles.scss CHANGED
@@ -269,7 +269,7 @@
269
269
  .itf-board-cards-wrapper {
270
270
  display: flex;
271
271
  flex-direction: column;
272
- overflow: auto;
272
+ overflow: hidden;
273
273
  flex-grow: 1;
274
274
  padding: .5rem .25rem 0;
275
275
  background-color: var(--itf-board-column-bg-color);
package/src/components/modal/Modal.vue CHANGED
@@ -53,6 +53,7 @@ class itfModal extends Vue {
53
53
  @Prop({ type: Boolean, default: false }) closable
54
54
  @Prop({ type: Boolean, default: false }) closeIcon
55
55
  @Prop({ type: Boolean, default: false }) persistent
56
+ @Prop({ type: Boolean, default: false }) slider
56
57
  @Prop({ type: Boolean, default: false }) escClose
57
58
  @Prop({ type: Function, default: null }) onEscClose;
58
59
  @Prop({ type: Boolean, default: true }) appendToBody;