@redseed/redseed-ui-vue3 3.0.0 → 3.0.2
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
|
@@ -14,24 +14,24 @@ const props = defineProps({
|
|
|
14
14
|
<div class="rsui-two-column-layout__main">
|
|
15
15
|
<slot name="main"></slot>
|
|
16
16
|
</div>
|
|
17
|
-
<div
|
|
17
|
+
<div v-if="$slots.aside"
|
|
18
|
+
class="rsui-two-column-layout__aside"
|
|
19
|
+
>
|
|
18
20
|
<slot name="aside"></slot>
|
|
19
21
|
</div>
|
|
20
22
|
</div>
|
|
21
23
|
</template>
|
|
22
24
|
<style lang="scss">
|
|
23
25
|
.rsui-two-column-layout {
|
|
24
|
-
@apply flex flex-col
|
|
25
|
-
@apply lg:flex-row lg:space-y-0 lg:space-x-8;
|
|
26
|
+
@apply flex flex-col lg:flex-row gap-6 lg:gap-8;
|
|
26
27
|
&--left-aside {
|
|
27
|
-
@apply flex-col-reverse
|
|
28
|
-
@apply lg:flex-row-reverse lg:space-x-reverse;
|
|
28
|
+
@apply flex-col-reverse lg:flex-row-reverse;
|
|
29
29
|
}
|
|
30
30
|
&__main{
|
|
31
|
-
@apply
|
|
31
|
+
@apply flex-1;
|
|
32
32
|
}
|
|
33
33
|
&__aside{
|
|
34
|
-
@apply
|
|
34
|
+
@apply lg:w-72 xl:w-100;
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
</style>
|
|
@@ -86,14 +86,14 @@ function calculateDropdownPosition() {
|
|
|
86
86
|
return
|
|
87
87
|
} else if (spaceBelowSelectElement > dropdownElementHeight) {
|
|
88
88
|
// console.log('space below >= dropdown height')
|
|
89
|
-
dropdownElement.value.style.top = `${selectElementBounding.bottom.value}px`
|
|
89
|
+
dropdownElement.value.style.top = `${selectElementBounding.bottom.value + window.scrollY}px`
|
|
90
90
|
// console.log('dropdownElement.value.style.top', dropdownElement.value.style.top)
|
|
91
91
|
dropdownElement.value.style.bottom = 'auto'
|
|
92
92
|
return
|
|
93
93
|
} else if (spaceAboveSelectElement > dropdownElementHeight) {
|
|
94
94
|
// console.log('space above > dropdown height')
|
|
95
95
|
dropdownElement.value.style.top = 'auto'
|
|
96
|
-
dropdownElement.value.style.bottom = `${spaceBelowSelectElement + selectElementBounding.height.value + 8}px`
|
|
96
|
+
dropdownElement.value.style.bottom = `${spaceBelowSelectElement + selectElementBounding.height.value + 8 - window.scrollY}px`
|
|
97
97
|
// console.log('dropdownElement.value.style.bottom', dropdownElement.value.style.bottom)
|
|
98
98
|
return
|
|
99
99
|
}
|