framework7 8.0.0 → 8.0.1
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/data-table/data-table-class.js +1 -1
- package/components/page/page-transitions/circle.less +3 -0
- package/components/page/page-transitions/cover-v.less +3 -0
- package/components/page/page-transitions/cover.less +3 -0
- package/components/page/page-transitions/dive.less +3 -0
- package/components/page/page-transitions/fade.less +3 -0
- package/components/page/page-transitions/flip.less +1 -0
- package/components/page/page-transitions/parallax.less +6 -0
- package/components/page/page-transitions/push.less +6 -0
- package/components/touch-ripple/touch-ripple.less +3 -1
- package/framework7-bundle-rtl.css +38 -3
- package/framework7-bundle-rtl.min.css +4 -4
- package/framework7-bundle.css +38 -3
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +3 -3
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +4 -4
- package/framework7-bundle.min.js +3 -3
- package/framework7-bundle.min.js.map +1 -1
- package/framework7-lite-bundle.esm.js +2 -2
- package/framework7-lite.esm.js +2 -2
- package/framework7-rtl.css +38 -3
- package/framework7-rtl.min.css +4 -4
- package/framework7.css +38 -3
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +4 -4
- package/package.json +2 -2
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.1
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on: April
|
|
10
|
+
* Released on: April 6, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7.js';
|
package/framework7-lite.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.1
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on: April
|
|
10
|
+
* Released on: April 6, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7.js';
|
package/framework7-rtl.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.1
|
|
3
3
|
* Full featured mobile HTML framework for building iOS & Android apps
|
|
4
4
|
* https://framework7.io/
|
|
5
5
|
*
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*
|
|
8
8
|
* Released under the MIT License
|
|
9
9
|
*
|
|
10
|
-
* Released on: April
|
|
10
|
+
* Released on: April 6, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -671,6 +671,10 @@ html.device-full-viewport body {
|
|
|
671
671
|
background: var(--f7-page-bg-color);
|
|
672
672
|
z-index: 100;
|
|
673
673
|
}
|
|
674
|
+
.router-transition-f7-circle-forward .page,
|
|
675
|
+
.router-transition-f7-circle-backward .page {
|
|
676
|
+
pointer-events: none;
|
|
677
|
+
}
|
|
674
678
|
.router-transition-f7-circle-forward:after {
|
|
675
679
|
transform: scale(0);
|
|
676
680
|
border-radius: 50%;
|
|
@@ -756,6 +760,10 @@ html.device-full-viewport body {
|
|
|
756
760
|
background: #000;
|
|
757
761
|
perspective: 1200px;
|
|
758
762
|
}
|
|
763
|
+
.router-transition-f7-cover-v-forward .page,
|
|
764
|
+
.router-transition-f7-cover-v-backward .page {
|
|
765
|
+
pointer-events: none;
|
|
766
|
+
}
|
|
759
767
|
.router-transition-f7-cover-v-forward .page-next {
|
|
760
768
|
animation: f7-cover-v-next-to-current var(--f7-page-cover-transition-duration) forwards;
|
|
761
769
|
}
|
|
@@ -809,6 +817,10 @@ html.device-full-viewport body {
|
|
|
809
817
|
background: #000;
|
|
810
818
|
perspective: 1200px;
|
|
811
819
|
}
|
|
820
|
+
.router-transition-f7-cover-forward .page,
|
|
821
|
+
.router-transition-f7-cover-backward .page {
|
|
822
|
+
pointer-events: none;
|
|
823
|
+
}
|
|
812
824
|
.router-transition-f7-cover-forward .page-next {
|
|
813
825
|
animation: f7-cover-next-to-current var(--f7-page-cover-transition-duration) forwards;
|
|
814
826
|
}
|
|
@@ -862,6 +874,10 @@ html.device-full-viewport body {
|
|
|
862
874
|
background: var(--f7-page-bg-color);
|
|
863
875
|
perspective: 1200px;
|
|
864
876
|
}
|
|
877
|
+
.router-transition-f7-dive-forward .page,
|
|
878
|
+
.router-transition-f7-dive-backward .page {
|
|
879
|
+
pointer-events: none;
|
|
880
|
+
}
|
|
865
881
|
.router-transition-f7-dive-forward .page-next {
|
|
866
882
|
animation: f7-dive-next-to-current var(--f7-page-dive-transition-duration) forwards;
|
|
867
883
|
}
|
|
@@ -930,6 +946,10 @@ html.device-full-viewport body {
|
|
|
930
946
|
.router-transition-f7-fade-backward {
|
|
931
947
|
background: var(--f7-page-bg-color);
|
|
932
948
|
}
|
|
949
|
+
.router-transition-f7-fade-forward .page,
|
|
950
|
+
.router-transition-f7-fade-backward .page {
|
|
951
|
+
pointer-events: none;
|
|
952
|
+
}
|
|
933
953
|
.ios .router-transition-f7-fade-forward .page-next,
|
|
934
954
|
.md .router-transition-f7-fade-forward .page-next {
|
|
935
955
|
opacity: 0;
|
|
@@ -979,6 +999,7 @@ html.device-full-viewport body {
|
|
|
979
999
|
-webkit-backface-visibility: hidden;
|
|
980
1000
|
backface-visibility: hidden;
|
|
981
1001
|
overflow: hidden;
|
|
1002
|
+
pointer-events: none;
|
|
982
1003
|
}
|
|
983
1004
|
.router-transition-f7-flip-forward .page-next {
|
|
984
1005
|
transform-style: preserve-3d;
|
|
@@ -1036,12 +1057,18 @@ html.device-full-viewport body {
|
|
|
1036
1057
|
transform: translateZ(0px) rotateY(0deg);
|
|
1037
1058
|
}
|
|
1038
1059
|
}
|
|
1060
|
+
.router-transition-f7-parallax-forward .page {
|
|
1061
|
+
pointer-events: none;
|
|
1062
|
+
}
|
|
1039
1063
|
.router-transition-f7-parallax-forward .page-next {
|
|
1040
1064
|
animation: f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards;
|
|
1041
1065
|
}
|
|
1042
1066
|
.router-transition-f7-parallax-forward .page-current {
|
|
1043
1067
|
animation: f7-parallax-current-to-prev var(--f7-page-parallax-transition-duration) forwards;
|
|
1044
1068
|
}
|
|
1069
|
+
.router-transition-f7-parallax-backward .page {
|
|
1070
|
+
pointer-events: none;
|
|
1071
|
+
}
|
|
1045
1072
|
.router-transition-f7-parallax-backward .page-current {
|
|
1046
1073
|
animation: f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards;
|
|
1047
1074
|
}
|
|
@@ -1080,12 +1107,18 @@ html.device-full-viewport body {
|
|
|
1080
1107
|
transform: translateX(0%);
|
|
1081
1108
|
}
|
|
1082
1109
|
}
|
|
1110
|
+
.router-transition-f7-push-forward .page {
|
|
1111
|
+
pointer-events: none;
|
|
1112
|
+
}
|
|
1083
1113
|
.router-transition-f7-push-forward .page-next {
|
|
1084
1114
|
animation: f7-push-next-to-current var(--f7-page-push-transition-duration) forwards;
|
|
1085
1115
|
}
|
|
1086
1116
|
.router-transition-f7-push-forward .page-current {
|
|
1087
1117
|
animation: f7-push-current-to-prev var(--f7-page-push-transition-duration) forwards;
|
|
1088
1118
|
}
|
|
1119
|
+
.router-transition-f7-push-backward .page {
|
|
1120
|
+
pointer-events: none;
|
|
1121
|
+
}
|
|
1089
1122
|
.router-transition-f7-push-backward .page-current {
|
|
1090
1123
|
animation: f7-push-current-to-next var(--f7-page-push-transition-duration) forwards;
|
|
1091
1124
|
}
|
|
@@ -5004,7 +5037,9 @@ button .ripple-wave,
|
|
|
5004
5037
|
.stepper-button .ripple-wave,
|
|
5005
5038
|
.stepper-button-minus .ripple-wave,
|
|
5006
5039
|
.stepper-button-plus .ripple-wave,
|
|
5007
|
-
.list.accordion-list .accordion-item-toggle .ripple-wave
|
|
5040
|
+
.list.accordion-list .accordion-item-toggle .ripple-wave,
|
|
5041
|
+
.photo-browser .toolbar .link .ripple-wave,
|
|
5042
|
+
.ripple-blur .ripple-wave {
|
|
5008
5043
|
animation: touch-ripple-in-blurred 250ms forwards;
|
|
5009
5044
|
background-image: radial-gradient(closest-side circle at 50% 50%, var(--f7-touch-ripple-color) 50%, rgba(255, 255, 255, 0));
|
|
5010
5045
|
background-color: transparent;
|