@dative-gpi/foundation-shared-components 1.0.128-fix-various → 1.0.128-fix-mobile-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/components/FSFadeOut.vue +1 -1
- package/components/lists/FSDataTableUI.vue +3 -1
- package/composables/useSlots.ts +2 -1
- package/package.json +4 -4
- package/styles/components/fs_col.scss +1 -2
- package/styles/components/fs_fade_out.scss +6 -0
- package/styles/components/fs_row.scss +1 -2
- package/styles/components/fs_span.scss +0 -1
package/components/FSFadeOut.vue
CHANGED
|
@@ -84,7 +84,7 @@ export default defineComponent({
|
|
|
84
84
|
|
|
85
85
|
const elementId = `id${uuidv4()}`;
|
|
86
86
|
|
|
87
|
-
const showOutsideScrollbar = computed(() => props.scrollOutside && !isTouchScreenEnabled);
|
|
87
|
+
const showOutsideScrollbar = computed(() => props.scrollOutside && !isTouchScreenEnabled.value);
|
|
88
88
|
|
|
89
89
|
const style = computed((): StyleValue => ({
|
|
90
90
|
"--fs-fade-out-height" : props.height ? sizeToVar(props.height) : "initial",
|
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
v-if="!$props.disableTable && !$props.disableIterator"
|
|
36
36
|
>
|
|
37
37
|
<FSRow
|
|
38
|
+
:width="isMobileSized ? 'hug' : 'fill'"
|
|
38
39
|
align="center-right"
|
|
39
40
|
>
|
|
40
41
|
<FSOptionGroup
|
|
@@ -900,8 +901,8 @@ export default defineComponent({
|
|
|
900
901
|
},
|
|
901
902
|
emits: ["update:modelValue", "update:headers", "update:search", "update:showFilters", "update:filters", "update:mode", "update:sortBy", "update:rowsPerPage", "update:page", "update:include", "update:items", "click:row"],
|
|
902
903
|
setup(props, { emit }) {
|
|
904
|
+
const { isExtraSmall, isMobileSized } = useBreakpoints();
|
|
903
905
|
const { handleRoutingEvent } = useRouting();
|
|
904
|
-
const { isExtraSmall } = useBreakpoints();
|
|
905
906
|
const { $tr } = useTranslationsProvider();
|
|
906
907
|
const { getColors } = useColors();
|
|
907
908
|
const router = useRouter();
|
|
@@ -1596,6 +1597,7 @@ export default defineComponent({
|
|
|
1596
1597
|
classes,
|
|
1597
1598
|
style,
|
|
1598
1599
|
size,
|
|
1600
|
+
isMobileSized,
|
|
1599
1601
|
isExtraSmall,
|
|
1600
1602
|
draggableDisabled,
|
|
1601
1603
|
elementId,
|
package/composables/useSlots.ts
CHANGED
|
@@ -20,11 +20,12 @@ export const useSlots = () => {
|
|
|
20
20
|
// Directive wrapper (v-for, v-if)
|
|
21
21
|
case "symbol":
|
|
22
22
|
switch (element.type) {
|
|
23
|
+
// On a v-for, we want to get the children of the v-for
|
|
23
24
|
case Symbol.for("v-fgt"):
|
|
24
25
|
returnElements.push(...recursiveGetChildren(element.children));
|
|
25
26
|
break;
|
|
27
|
+
// On a negative v-if, we want to get nothing
|
|
26
28
|
case Symbol.for("v-cmt"):
|
|
27
|
-
returnElements.push(element);
|
|
28
29
|
break;
|
|
29
30
|
default:
|
|
30
31
|
returnElements.push(element);
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dative-gpi/foundation-shared-components",
|
|
3
3
|
"sideEffects": false,
|
|
4
|
-
"version": "1.0.128-fix-
|
|
4
|
+
"version": "1.0.128-fix-mobile-2",
|
|
5
5
|
"description": "",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
"author": "",
|
|
11
11
|
"license": "ISC",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@dative-gpi/foundation-shared-domain": "1.0.128-fix-
|
|
14
|
-
"@dative-gpi/foundation-shared-services": "1.0.128-fix-
|
|
13
|
+
"@dative-gpi/foundation-shared-domain": "1.0.128-fix-mobile-2",
|
|
14
|
+
"@dative-gpi/foundation-shared-services": "1.0.128-fix-mobile-2"
|
|
15
15
|
},
|
|
16
16
|
"peerDependencies": {
|
|
17
17
|
"@dative-gpi/bones-ui": "^1.0.0",
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
"sass": "1.71.1",
|
|
36
36
|
"sass-loader": "13.3.2"
|
|
37
37
|
},
|
|
38
|
-
"gitHead": "
|
|
38
|
+
"gitHead": "9403bb429bc63af0dbf48eb554b02af2db779b07"
|
|
39
39
|
}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
transition: all 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
5
5
|
overflow-x: var(--fs-fade-out-x-overflow);
|
|
6
6
|
max-height: var(--fs-fade-out-max-height);
|
|
7
|
+
min-height: var(--fs-fade-out-height);
|
|
7
8
|
height: var(--fs-fade-out-height);
|
|
8
9
|
padding: var(--fs-fade-out-padding);
|
|
9
10
|
|
|
@@ -11,6 +12,11 @@
|
|
|
11
12
|
padding-right: calc(var(--fs-fade-out-padding) + var(--fs-fade-out-padding-offset));
|
|
12
13
|
width: calc(var(--fs-fade-out-width) + var(--fs-fade-out-width-offset));
|
|
13
14
|
margin-right: var(--fs-fade-out-margin-right);
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
flex-direction: column;
|
|
18
|
+
position: relative;
|
|
19
|
+
display: flex;
|
|
14
20
|
|
|
15
21
|
mask:
|
|
16
22
|
linear-gradient(to top, transparent 0, var(--fs-fade-out-mask-color)) 0 (0 / calc(100% - 8px)) var(--fs-fade-out-top-mask-height),
|