framework7 8.0.0 → 8.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/components/app/app.less +19 -1
- package/components/data-table/data-table-class.js +1 -1
- package/components/dialog/dialog-rtl.css +1 -1
- package/components/dialog/dialog-vars.less +1 -6
- package/components/dialog/dialog.css +1 -1
- package/components/fab/fab-rtl.css +1 -1
- package/components/fab/fab-vars.less +9 -10
- package/components/fab/fab.css +1 -1
- package/components/input/input-rtl.css +1 -1
- package/components/input/input-vars.less +1 -2
- package/components/input/input.css +1 -1
- package/components/messagebar/messagebar-rtl.css +1 -1
- package/components/messagebar/messagebar-vars.less +3 -0
- package/components/messagebar/messagebar.css +1 -1
- package/components/messagebar/messagebar.less +3 -0
- 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/searchbar/searchbar-rtl.css +1 -1
- package/components/searchbar/searchbar-vars.less +1 -1
- package/components/searchbar/searchbar.css +1 -1
- package/components/text-editor/text-editor-rtl.css +1 -1
- package/components/text-editor/text-editor-vars.less +3 -2
- package/components/text-editor/text-editor.css +1 -1
- package/components/touch-ripple/touch-ripple.less +3 -1
- package/framework7-bundle-rtl.css +77 -23
- package/framework7-bundle-rtl.min.css +5 -5
- package/framework7-bundle.css +77 -23
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +76 -44
- package/framework7-bundle.js.map +1 -1
- package/framework7-bundle.less +2 -2
- package/framework7-bundle.min.css +5 -5
- 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 +57 -3
- package/framework7-rtl.min.css +4 -4
- package/framework7.css +57 -3
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +4 -4
- package/package.json +2 -2
- package/shared/material-color-utils.js +73 -41
package/framework7.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.2
|
|
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 12, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -138,6 +138,9 @@
|
|
|
138
138
|
font-weight: 400;
|
|
139
139
|
font-style: normal;
|
|
140
140
|
}
|
|
141
|
+
html {
|
|
142
|
+
overscroll-behavior: none;
|
|
143
|
+
}
|
|
141
144
|
html,
|
|
142
145
|
body,
|
|
143
146
|
.framework7-root {
|
|
@@ -152,6 +155,7 @@ body {
|
|
|
152
155
|
width: 100%;
|
|
153
156
|
background: #fff;
|
|
154
157
|
overflow: hidden;
|
|
158
|
+
overflow-y: scroll;
|
|
155
159
|
-webkit-text-size-adjust: 100%;
|
|
156
160
|
-webkit-font-smoothing: antialiased;
|
|
157
161
|
font-family: var(--f7-font-family);
|
|
@@ -159,6 +163,21 @@ body {
|
|
|
159
163
|
line-height: var(--f7-line-height);
|
|
160
164
|
color: var(--f7-text-color);
|
|
161
165
|
}
|
|
166
|
+
body::-webkit-scrollbar {
|
|
167
|
+
width: 0px;
|
|
168
|
+
background: transparent;
|
|
169
|
+
position: relative;
|
|
170
|
+
}
|
|
171
|
+
body::-webkit-scrollbar-track {
|
|
172
|
+
box-shadow: none;
|
|
173
|
+
background: transparent;
|
|
174
|
+
}
|
|
175
|
+
body::-webkit-scrollbar-thumb {
|
|
176
|
+
background-color: transparent;
|
|
177
|
+
outline: none;
|
|
178
|
+
border-radius: 9999px;
|
|
179
|
+
position: relative;
|
|
180
|
+
}
|
|
162
181
|
.dark body,
|
|
163
182
|
body.dark {
|
|
164
183
|
background: #000;
|
|
@@ -666,6 +685,10 @@ html.device-full-viewport body {
|
|
|
666
685
|
background: var(--f7-page-bg-color);
|
|
667
686
|
z-index: 100;
|
|
668
687
|
}
|
|
688
|
+
.router-transition-f7-circle-forward .page,
|
|
689
|
+
.router-transition-f7-circle-backward .page {
|
|
690
|
+
pointer-events: none;
|
|
691
|
+
}
|
|
669
692
|
.router-transition-f7-circle-forward:after {
|
|
670
693
|
transform: scale(0);
|
|
671
694
|
border-radius: 50%;
|
|
@@ -751,6 +774,10 @@ html.device-full-viewport body {
|
|
|
751
774
|
background: #000;
|
|
752
775
|
perspective: 1200px;
|
|
753
776
|
}
|
|
777
|
+
.router-transition-f7-cover-v-forward .page,
|
|
778
|
+
.router-transition-f7-cover-v-backward .page {
|
|
779
|
+
pointer-events: none;
|
|
780
|
+
}
|
|
754
781
|
.router-transition-f7-cover-v-forward .page-next {
|
|
755
782
|
animation: f7-cover-v-next-to-current var(--f7-page-cover-transition-duration) forwards;
|
|
756
783
|
}
|
|
@@ -804,6 +831,10 @@ html.device-full-viewport body {
|
|
|
804
831
|
background: #000;
|
|
805
832
|
perspective: 1200px;
|
|
806
833
|
}
|
|
834
|
+
.router-transition-f7-cover-forward .page,
|
|
835
|
+
.router-transition-f7-cover-backward .page {
|
|
836
|
+
pointer-events: none;
|
|
837
|
+
}
|
|
807
838
|
.router-transition-f7-cover-forward .page-next {
|
|
808
839
|
animation: f7-cover-next-to-current var(--f7-page-cover-transition-duration) forwards;
|
|
809
840
|
}
|
|
@@ -857,6 +888,10 @@ html.device-full-viewport body {
|
|
|
857
888
|
background: var(--f7-page-bg-color);
|
|
858
889
|
perspective: 1200px;
|
|
859
890
|
}
|
|
891
|
+
.router-transition-f7-dive-forward .page,
|
|
892
|
+
.router-transition-f7-dive-backward .page {
|
|
893
|
+
pointer-events: none;
|
|
894
|
+
}
|
|
860
895
|
.router-transition-f7-dive-forward .page-next {
|
|
861
896
|
animation: f7-dive-next-to-current var(--f7-page-dive-transition-duration) forwards;
|
|
862
897
|
}
|
|
@@ -925,6 +960,10 @@ html.device-full-viewport body {
|
|
|
925
960
|
.router-transition-f7-fade-backward {
|
|
926
961
|
background: var(--f7-page-bg-color);
|
|
927
962
|
}
|
|
963
|
+
.router-transition-f7-fade-forward .page,
|
|
964
|
+
.router-transition-f7-fade-backward .page {
|
|
965
|
+
pointer-events: none;
|
|
966
|
+
}
|
|
928
967
|
.ios .router-transition-f7-fade-forward .page-next,
|
|
929
968
|
.md .router-transition-f7-fade-forward .page-next {
|
|
930
969
|
opacity: 0;
|
|
@@ -974,6 +1013,7 @@ html.device-full-viewport body {
|
|
|
974
1013
|
-webkit-backface-visibility: hidden;
|
|
975
1014
|
backface-visibility: hidden;
|
|
976
1015
|
overflow: hidden;
|
|
1016
|
+
pointer-events: none;
|
|
977
1017
|
}
|
|
978
1018
|
.router-transition-f7-flip-forward .page-next {
|
|
979
1019
|
transform-style: preserve-3d;
|
|
@@ -1031,12 +1071,18 @@ html.device-full-viewport body {
|
|
|
1031
1071
|
transform: translateZ(0px) rotateY(0deg);
|
|
1032
1072
|
}
|
|
1033
1073
|
}
|
|
1074
|
+
.router-transition-f7-parallax-forward .page {
|
|
1075
|
+
pointer-events: none;
|
|
1076
|
+
}
|
|
1034
1077
|
.router-transition-f7-parallax-forward .page-next {
|
|
1035
1078
|
animation: f7-parallax-next-to-current var(--f7-page-parallax-transition-duration) forwards;
|
|
1036
1079
|
}
|
|
1037
1080
|
.router-transition-f7-parallax-forward .page-current {
|
|
1038
1081
|
animation: f7-parallax-current-to-prev var(--f7-page-parallax-transition-duration) forwards;
|
|
1039
1082
|
}
|
|
1083
|
+
.router-transition-f7-parallax-backward .page {
|
|
1084
|
+
pointer-events: none;
|
|
1085
|
+
}
|
|
1040
1086
|
.router-transition-f7-parallax-backward .page-current {
|
|
1041
1087
|
animation: f7-parallax-current-to-next var(--f7-page-parallax-transition-duration) forwards;
|
|
1042
1088
|
}
|
|
@@ -1075,12 +1121,18 @@ html.device-full-viewport body {
|
|
|
1075
1121
|
transform: translateX(0%);
|
|
1076
1122
|
}
|
|
1077
1123
|
}
|
|
1124
|
+
.router-transition-f7-push-forward .page {
|
|
1125
|
+
pointer-events: none;
|
|
1126
|
+
}
|
|
1078
1127
|
.router-transition-f7-push-forward .page-next {
|
|
1079
1128
|
animation: f7-push-next-to-current var(--f7-page-push-transition-duration) forwards;
|
|
1080
1129
|
}
|
|
1081
1130
|
.router-transition-f7-push-forward .page-current {
|
|
1082
1131
|
animation: f7-push-current-to-prev var(--f7-page-push-transition-duration) forwards;
|
|
1083
1132
|
}
|
|
1133
|
+
.router-transition-f7-push-backward .page {
|
|
1134
|
+
pointer-events: none;
|
|
1135
|
+
}
|
|
1084
1136
|
.router-transition-f7-push-backward .page-current {
|
|
1085
1137
|
animation: f7-push-current-to-next var(--f7-page-push-transition-duration) forwards;
|
|
1086
1138
|
}
|
|
@@ -4997,7 +5049,9 @@ button .ripple-wave,
|
|
|
4997
5049
|
.stepper-button .ripple-wave,
|
|
4998
5050
|
.stepper-button-minus .ripple-wave,
|
|
4999
5051
|
.stepper-button-plus .ripple-wave,
|
|
5000
|
-
.list.accordion-list .accordion-item-toggle .ripple-wave
|
|
5052
|
+
.list.accordion-list .accordion-item-toggle .ripple-wave,
|
|
5053
|
+
.photo-browser .toolbar .link .ripple-wave,
|
|
5054
|
+
.ripple-blur .ripple-wave {
|
|
5001
5055
|
animation: touch-ripple-in-blurred 250ms forwards;
|
|
5002
5056
|
background-image: radial-gradient(closest-side circle at 50% 50%, var(--f7-touch-ripple-color) 50%, rgba(255, 255, 255, 0));
|
|
5003
5057
|
background-color: transparent;
|
package/framework7.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.2
|
|
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 12, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
import $ from './shared/dom7.js';
|
package/framework7.less
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.2
|
|
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 12, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
@import (reference) './less/mixins.less';
|