@dataloop-ai/components 0.17.12 → 0.17.13
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.
package/package.json
CHANGED
|
@@ -151,8 +151,8 @@
|
|
|
151
151
|
>
|
|
152
152
|
<dl-list
|
|
153
153
|
class="select-list"
|
|
154
|
-
:style="dropdownCSSVars"
|
|
155
154
|
:padding="false"
|
|
155
|
+
:max-height="dropdownMaxHeight"
|
|
156
156
|
>
|
|
157
157
|
<dl-list-item v-if="noOptions">
|
|
158
158
|
<dl-item-section color="dl-color-medium">
|
|
@@ -551,11 +551,6 @@ export default defineComponent({
|
|
|
551
551
|
: '28px'
|
|
552
552
|
}
|
|
553
553
|
},
|
|
554
|
-
dropdownCSSVars(): Record<string, string> {
|
|
555
|
-
return {
|
|
556
|
-
'--dl-select-dropdown-max-height': this.dropdownMaxHeight
|
|
557
|
-
}
|
|
558
|
-
},
|
|
559
554
|
asteriskClasses(): string[] {
|
|
560
555
|
const classes = ['required-asterisk']
|
|
561
556
|
if (this.redAsterisk) {
|
|
@@ -965,6 +960,7 @@ export default defineComponent({
|
|
|
965
960
|
background-color: var(--dl-color-fill);
|
|
966
961
|
}
|
|
967
962
|
|
|
963
|
+
//todo: This doesnt work because of portal.
|
|
968
964
|
.select-list {
|
|
969
965
|
padding: 5px 0;
|
|
970
966
|
max-height: var(--dl-select-dropdown-max-height);
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
:is="tag"
|
|
4
4
|
:id="uuid"
|
|
5
5
|
:class="classes"
|
|
6
|
+
:style="cssVars"
|
|
6
7
|
>
|
|
7
8
|
<slot :clickable="clickable" />
|
|
8
9
|
</component>
|
|
@@ -21,6 +22,10 @@ export default defineComponent({
|
|
|
21
22
|
tag: {
|
|
22
23
|
type: String,
|
|
23
24
|
default: 'div'
|
|
25
|
+
},
|
|
26
|
+
maxHeight: {
|
|
27
|
+
type: String,
|
|
28
|
+
default: '30vh'
|
|
24
29
|
}
|
|
25
30
|
},
|
|
26
31
|
data() {
|
|
@@ -36,6 +41,11 @@ export default defineComponent({
|
|
|
36
41
|
(this.separator ? ' dl-list--separator' : '') +
|
|
37
42
|
(this.padding ? ' dl-list--padding' : '')
|
|
38
43
|
)
|
|
44
|
+
},
|
|
45
|
+
cssVars(): Record<string, string> {
|
|
46
|
+
return {
|
|
47
|
+
'--dl-list-calculated-max-height': this.maxHeight
|
|
48
|
+
}
|
|
39
49
|
}
|
|
40
50
|
}
|
|
41
51
|
})
|
|
@@ -62,5 +72,6 @@ export default defineComponent({
|
|
|
62
72
|
&--padding {
|
|
63
73
|
padding: 8px 0;
|
|
64
74
|
}
|
|
75
|
+
max-height: var(--dl-list-max-height, --dl-list-calculated-max-height);
|
|
65
76
|
}
|
|
66
77
|
</style>
|