@progress/kendo-theme-fluent 6.7.0-dev.1 → 6.7.0-dev.3
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/dist/all.css +14 -5
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/scrollview/_layout.scss +16 -6
package/dist/all.css
CHANGED
|
@@ -53078,23 +53078,28 @@ kendo-scheduler .k-recurrence-editor {
|
|
|
53078
53078
|
margin: 0;
|
|
53079
53079
|
padding: 0;
|
|
53080
53080
|
height: 100%;
|
|
53081
|
-
width:
|
|
53081
|
+
width: 100%;
|
|
53082
53082
|
display: flex;
|
|
53083
53083
|
flex-flow: row nowrap;
|
|
53084
53084
|
cursor: default;
|
|
53085
53085
|
white-space: nowrap;
|
|
53086
53086
|
}
|
|
53087
|
-
.k-scrollview-wrap .k-scrollview-view {
|
|
53088
|
-
width: calc(100%/var(--kendo-scrollview-views, 1));
|
|
53089
|
-
flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
|
|
53090
|
-
}
|
|
53091
53087
|
.k-scrollview-wrap img {
|
|
53092
53088
|
-webkit-user-select: none;
|
|
53093
53089
|
-ms-user-select: none;
|
|
53094
53090
|
user-select: none;
|
|
53095
53091
|
}
|
|
53096
53092
|
|
|
53093
|
+
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
53094
|
+
display: inline-block;
|
|
53095
|
+
overflow: hidden;
|
|
53096
|
+
position: absolute;
|
|
53097
|
+
top: 0;
|
|
53098
|
+
left: 0;
|
|
53099
|
+
}
|
|
53100
|
+
|
|
53097
53101
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
53102
|
+
width: calc(var(--kendo-scrollview-views, 1)*100%);
|
|
53098
53103
|
transition-duration: var(--kendo-scrollview-transition-duration, 0.3s);
|
|
53099
53104
|
transition-timing-function: var(--kendo-scrollview-transition-timing-function, ease-in-out);
|
|
53100
53105
|
transform: translateX(calc(-100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
|
|
@@ -53102,6 +53107,10 @@ kendo-scheduler .k-recurrence-editor {
|
|
|
53102
53107
|
[dir=rtl] .k-scrollview-wrap.k-scrollview-animate, .k-rtl .k-scrollview-wrap.k-scrollview-animate {
|
|
53103
53108
|
transform: translateX(calc(100%/var(--kendo-scrollview-views, 1)*(var(--kendo-scrollview-current, 1) - 1)));
|
|
53104
53109
|
}
|
|
53110
|
+
.k-scrollview-wrap.k-scrollview-animate .k-scrollview-view {
|
|
53111
|
+
width: calc(100%/var(--kendo-scrollview-views, 1));
|
|
53112
|
+
flex: 0 0 calc(100%/var(--kendo-scrollview-views, 1));
|
|
53113
|
+
}
|
|
53105
53114
|
|
|
53106
53115
|
.k-scrollview-nav-wrap {
|
|
53107
53116
|
padding: 0;
|
package/lib/swatches/all.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-fluent",
|
|
3
3
|
"description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
|
|
4
|
-
"version": "6.7.0-dev.
|
|
4
|
+
"version": "6.7.0-dev.3",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,8 +52,8 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-font-icons": "1.8.0",
|
|
55
|
-
"@progress/kendo-theme-core": "6.7.0-dev.
|
|
56
|
-
"@progress/kendo-theme-utils": "6.7.0-dev.
|
|
55
|
+
"@progress/kendo-theme-core": "6.7.0-dev.3",
|
|
56
|
+
"@progress/kendo-theme-utils": "6.7.0-dev.3"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "13f0e9d31474eca02c4ee6a62a4f182bdf7633cb"
|
|
59
59
|
}
|
|
@@ -23,24 +23,29 @@
|
|
|
23
23
|
margin: 0;
|
|
24
24
|
padding: 0;
|
|
25
25
|
height: 100%;
|
|
26
|
-
width:
|
|
26
|
+
width: 100%;
|
|
27
27
|
display: flex;
|
|
28
28
|
flex-flow: row nowrap;
|
|
29
29
|
cursor: default;
|
|
30
30
|
white-space: nowrap;
|
|
31
31
|
|
|
32
|
-
.k-scrollview-view {
|
|
33
|
-
width: calc( 100% / var(--kendo-scrollview-views, 1) );
|
|
34
|
-
flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
|
|
35
|
-
}
|
|
36
|
-
|
|
37
32
|
img {
|
|
38
33
|
user-select: none;
|
|
39
34
|
}
|
|
40
35
|
|
|
41
36
|
}
|
|
42
37
|
|
|
38
|
+
// Can be removed once Angular are able to rely on the animations from the themes
|
|
39
|
+
kendo-scrollview.k-scrollview .k-scrollview-wrap > .k-scrollview-view {
|
|
40
|
+
display: inline-block;
|
|
41
|
+
overflow: hidden;
|
|
42
|
+
position: absolute;
|
|
43
|
+
top: 0;
|
|
44
|
+
left: 0;
|
|
45
|
+
}
|
|
46
|
+
|
|
43
47
|
.k-scrollview-wrap.k-scrollview-animate {
|
|
48
|
+
width: calc( var(--kendo-scrollview-views, 1) * 100% );
|
|
44
49
|
transition-duration: var( --kendo-scrollview-transition-duration, #{$kendo-scrollview-transition-duration} );
|
|
45
50
|
transition-timing-function: var( --kendo-scrollview-transition-timing-function, #{$kendo-scrollview-transition-timing-function} );
|
|
46
51
|
transform: translateX( calc( -100% / var( --kendo-scrollview-views, 1) * ( var( --kendo-scrollview-current, 1) - 1) ) );
|
|
@@ -49,6 +54,11 @@
|
|
|
49
54
|
.k-rtl & {
|
|
50
55
|
transform: translateX( calc( 100% / var(--kendo-scrollview-views, 1) * ( var(--kendo-scrollview-current, 1) - 1) ) );
|
|
51
56
|
}
|
|
57
|
+
|
|
58
|
+
.k-scrollview-view {
|
|
59
|
+
width: calc( 100% / var(--kendo-scrollview-views, 1) );
|
|
60
|
+
flex: 0 0 calc( 100% / var(--kendo-scrollview-views, 1) );
|
|
61
|
+
}
|
|
52
62
|
}
|
|
53
63
|
|
|
54
64
|
.k-scrollview-nav-wrap {
|