framework7 8.0.3 → 8.0.5
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/area-chart/area-chart-rtl.css +1 -1
- package/components/area-chart/area-chart-vars.less +7 -1
- package/components/area-chart/area-chart.css +1 -1
- package/components/button/button-vars.less +2 -0
- package/components/chip/chip-ios.less +8 -0
- package/components/chip/chip-md.less +8 -0
- package/components/chip/chip-rtl.css +1 -1
- package/components/chip/chip.css +1 -1
- package/components/chip/chip.less +6 -10
- package/components/virtual-list/virtual-list-class.js +7 -6
- package/framework7-bundle-rtl.css +16 -4
- package/framework7-bundle-rtl.min.css +4 -4
- package/framework7-bundle.css +16 -4
- package/framework7-bundle.esm.js +2 -2
- package/framework7-bundle.js +9 -8
- 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 +4 -2
- package/framework7-rtl.min.css +3 -3
- package/framework7.css +4 -2
- package/framework7.esm.js +2 -2
- package/framework7.less +2 -2
- package/framework7.min.css +3 -3
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-area-chart-current-line-stroke-width:2px;--f7-area-chart-current-line-stroke:rgba(0, 0, 0, 0.15);--f7-area-chart-axis-text-color:inherit;--f7-area-chart-axis-height:1px;--f7-area-chart-axis-font-size:10px;--f7-area-chart-axis-font-weight:500;--f7-area-chart-tooltip-font-size:12px;--f7-area-chart-tooltip-total-
|
|
1
|
+
:root{--f7-area-chart-current-line-stroke-width:2px;--f7-area-chart-current-line-stroke:rgba(0, 0, 0, 0.15);--f7-area-chart-axis-text-color:inherit;--f7-area-chart-axis-height:1px;--f7-area-chart-axis-font-size:10px;--f7-area-chart-axis-font-weight:500;--f7-area-chart-tooltip-font-size:12px;--f7-area-chart-tooltip-total-font-size:16px;--f7-area-chart-tooltip-total-font-weight:bold;--f7-area-chart-tooltip-color-size:10px;--f7-area-chart-legend-font-size:14px;--f7-area-chart-legend-font-weight:500;--f7-area-chart-legend-text-color:inherit;--f7-area-chart-legend-padding:4px 8px;--f7-area-chart-legend-border-radius:4px;--f7-area-chart-legend-color-size:14px;--f7-area-chart-line-stroke-width:2px;--f7-area-chart-axis-bg-color:rgba(0, 0, 0, 0.15);--f7-area-chart-legend-disabled-text-color:rgba(0, 0, 0, 0.22)}:root .dark,:root.dark{--f7-area-chart-axis-bg-color:rgba(255, 255, 255, 0.15);--f7-area-chart-legend-disabled-text-color:rgba(255, 255, 255, 0.22)}.ios{--f7-area-chart-tooltip-total-label-text-color:rgba(255, 255, 255, 0.75)}.md{--f7-area-chart-tooltip-total-label-text-color:inherit}.area-chart{position:relative}.area-chart svg{display:block;width:100%;font-size:0;height:auto;margin:0 auto}.area-chart path{fill:none;stroke-width:var(--f7-area-chart-line-stroke-width)}.area-chart-current-line{stroke:var(--f7-area-chart-current-line-stroke);stroke-width:var(--f7-area-chart-current-line-stroke-width)}.area-chart-axis{height:var(--f7-area-chart-axis-height);background:var(--f7-area-chart-axis-bg-color);color:var(--f7-area-chart-axis-text-color);display:flex;font-size:var(--f7-area-chart-axis-font-size);font-weight:var(--f7-area-chart-axis-font-weight);justify-content:space-between;line-height:1;margin-bottom:2em}.area-chart-axis>span{padding-top:10px;width:0;display:flex;align-items:flex-start;justify-content:center;white-space:nowrap}.area-chart-axis>span:first-child{justify-content:flex-start}.area-chart-axis>span:last-child{justify-content:flex-end}.area-chart-tooltip{pointer-events:none;text-align:left;font-size:var(--f7-area-chart-tooltip-font-size);line-height:1.4}.area-chart-tooltip-label{color:var(--f7-area-chart-tooltip-total-label-text-color)}.area-chart-tooltip-total{font-size:var(--f7-area-chart-tooltip-total-font-size);font-weight:var(--f7-area-chart-tooltip-total-font-weight)}.area-chart-tooltip-list{list-style:none;margin:0;padding:0}.area-chart-tooltip-list li{white-space:nowrap}.area-chart-tooltip-list span{display:inline-block;width:var(--f7-area-chart-tooltip-color-size);height:var(--f7-area-chart-tooltip-color-size);border-radius:50%;margin-right:4px}.area-chart-axis~.area-chart-legend{margin-top:2em}.area-chart-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:var(--f7-area-chart-legend-font-size);width:100%;margin-top:1em}.area-chart-legend-button{-webkit-appearance:none!important;appearance:none!important;background-color:transparent;border-radius:0;border:none;outline:0!important;cursor:pointer;font-family:inherit;font-size:inherit;box-shadow:none!important}.area-chart-legend-item{position:relative;color:var(--f7-area-chart-legend-text-color);width:auto;display:flex;align-items:center;font-weight:var(--f7-area-chart-legend-font-weight);transition-duration:.2s;padding:var(--f7-area-chart-legend-padding);border-radius:var(--f7-area-chart-legend-border-radius);overflow:hidden}.area-chart-legend-item span{width:var(--f7-area-chart-legend-color-size);height:var(--f7-area-chart-legend-color-size);margin-right:4px;border-radius:50%;transition-duration:.2s}.area-chart-legend-item-hidden{color:var(--f7-area-chart-legend-disabled-text-color)}.area-chart-legend-item-hidden span{background-color:var(--f7-area-chart-legend-disabled-text-color)!important}
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
--f7-area-chart-axis-font-size: 10px;
|
|
7
7
|
--f7-area-chart-axis-font-weight: 500;
|
|
8
8
|
--f7-area-chart-tooltip-font-size: 12px;
|
|
9
|
-
--f7-area-chart-tooltip-total-label-text-color: rgba(255, 255, 255, 0.75);
|
|
10
9
|
--f7-area-chart-tooltip-total-font-size: 16px;
|
|
11
10
|
--f7-area-chart-tooltip-total-font-weight: bold;
|
|
12
11
|
--f7-area-chart-tooltip-color-size: 10px;
|
|
@@ -27,3 +26,10 @@
|
|
|
27
26
|
--f7-area-chart-legend-disabled-text-color: rgba(255, 255, 255, 0.22);
|
|
28
27
|
});
|
|
29
28
|
}
|
|
29
|
+
|
|
30
|
+
.ios-vars({
|
|
31
|
+
--f7-area-chart-tooltip-total-label-text-color: rgba(255, 255, 255, 0.75);
|
|
32
|
+
});
|
|
33
|
+
.md-vars({
|
|
34
|
+
--f7-area-chart-tooltip-total-label-text-color: inherit;
|
|
35
|
+
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-area-chart-current-line-stroke-width:2px;--f7-area-chart-current-line-stroke:rgba(0, 0, 0, 0.15);--f7-area-chart-axis-text-color:inherit;--f7-area-chart-axis-height:1px;--f7-area-chart-axis-font-size:10px;--f7-area-chart-axis-font-weight:500;--f7-area-chart-tooltip-font-size:12px;--f7-area-chart-tooltip-total-
|
|
1
|
+
:root{--f7-area-chart-current-line-stroke-width:2px;--f7-area-chart-current-line-stroke:rgba(0, 0, 0, 0.15);--f7-area-chart-axis-text-color:inherit;--f7-area-chart-axis-height:1px;--f7-area-chart-axis-font-size:10px;--f7-area-chart-axis-font-weight:500;--f7-area-chart-tooltip-font-size:12px;--f7-area-chart-tooltip-total-font-size:16px;--f7-area-chart-tooltip-total-font-weight:bold;--f7-area-chart-tooltip-color-size:10px;--f7-area-chart-legend-font-size:14px;--f7-area-chart-legend-font-weight:500;--f7-area-chart-legend-text-color:inherit;--f7-area-chart-legend-padding:4px 8px;--f7-area-chart-legend-border-radius:4px;--f7-area-chart-legend-color-size:14px;--f7-area-chart-line-stroke-width:2px;--f7-area-chart-axis-bg-color:rgba(0, 0, 0, 0.15);--f7-area-chart-legend-disabled-text-color:rgba(0, 0, 0, 0.22)}:root .dark,:root.dark{--f7-area-chart-axis-bg-color:rgba(255, 255, 255, 0.15);--f7-area-chart-legend-disabled-text-color:rgba(255, 255, 255, 0.22)}.ios{--f7-area-chart-tooltip-total-label-text-color:rgba(255, 255, 255, 0.75)}.md{--f7-area-chart-tooltip-total-label-text-color:inherit}.area-chart{position:relative}.area-chart svg{display:block;width:100%;font-size:0;height:auto;margin:0 auto}.area-chart path{fill:none;stroke-width:var(--f7-area-chart-line-stroke-width)}.area-chart-current-line{stroke:var(--f7-area-chart-current-line-stroke);stroke-width:var(--f7-area-chart-current-line-stroke-width)}.area-chart-axis{height:var(--f7-area-chart-axis-height);background:var(--f7-area-chart-axis-bg-color);color:var(--f7-area-chart-axis-text-color);display:flex;font-size:var(--f7-area-chart-axis-font-size);font-weight:var(--f7-area-chart-axis-font-weight);justify-content:space-between;line-height:1;margin-bottom:2em}.area-chart-axis>span{padding-top:10px;width:0;display:flex;align-items:flex-start;justify-content:center;white-space:nowrap}.area-chart-axis>span:first-child{justify-content:flex-start}.area-chart-axis>span:last-child{justify-content:flex-end}.area-chart-tooltip{pointer-events:none;text-align:left;font-size:var(--f7-area-chart-tooltip-font-size);line-height:1.4}.area-chart-tooltip-label{color:var(--f7-area-chart-tooltip-total-label-text-color)}.area-chart-tooltip-total{font-size:var(--f7-area-chart-tooltip-total-font-size);font-weight:var(--f7-area-chart-tooltip-total-font-weight)}.area-chart-tooltip-list{list-style:none;margin:0;padding:0}.area-chart-tooltip-list li{white-space:nowrap}.area-chart-tooltip-list span{display:inline-block;width:var(--f7-area-chart-tooltip-color-size);height:var(--f7-area-chart-tooltip-color-size);border-radius:50%;margin-right:4px}.area-chart-axis~.area-chart-legend{margin-top:2em}.area-chart-legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;font-size:var(--f7-area-chart-legend-font-size);width:100%;margin-top:1em}.area-chart-legend-button{-webkit-appearance:none!important;appearance:none!important;background-color:transparent;border-radius:0;border:none;outline:0!important;cursor:pointer;font-family:inherit;font-size:inherit;box-shadow:none!important}.area-chart-legend-item{position:relative;color:var(--f7-area-chart-legend-text-color);width:auto;display:flex;align-items:center;font-weight:var(--f7-area-chart-legend-font-weight);transition-duration:.2s;padding:var(--f7-area-chart-legend-padding);border-radius:var(--f7-area-chart-legend-border-radius);overflow:hidden}.area-chart-legend-item span{width:var(--f7-area-chart-legend-color-size);height:var(--f7-area-chart-legend-color-size);margin-right:4px;border-radius:50%;transition-duration:.2s}.area-chart-legend-item-hidden{color:var(--f7-area-chart-legend-disabled-text-color)}.area-chart-legend-item-hidden span{background-color:var(--f7-area-chart-legend-disabled-text-color)!important}
|
|
@@ -41,7 +41,9 @@
|
|
|
41
41
|
--f7-button-border-radius: 4px;
|
|
42
42
|
--f7-button-font-weight: 600;
|
|
43
43
|
--f7-button-letter-spacing: 0;
|
|
44
|
+
/*
|
|
44
45
|
--f7-button-outline-border-color: var(--f7-theme-color);
|
|
46
|
+
*/
|
|
45
47
|
--f7-button-outline-border-width: 2px;
|
|
46
48
|
/*
|
|
47
49
|
--f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-text-color:#000;--f7-chip-outline-text-color:#000}.ios .dark,.ios.dark{--f7-chip-bg-color:#333;--f7-chip-text-color:#fff;--f7-chip-outline-text-color:#fff;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.md{--f7-chip-font-weight:500;--f7-chip-media-size:24px;--f7-chip-height:32px;--f7-chip-padding-horizontal:12px;--f7-chip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-chip-bg-color:var(--f7-md-secondary-container);--f7-chip-text-color:var(--f7-md-on-secondary-container);--f7-chip-outline-text-color:var(--f7-md-on-surface);--f7-chip-outline-border-color:var(--f7-md-outline)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-border-radius);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-media-size);width:var(--f7-chip-media-size);border-radius:var(--f7-chip-media-size);text-align:center;line-height:var(--f7-chip-media-size);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle
|
|
1
|
+
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-text-color:#000;--f7-chip-outline-text-color:#000}.ios .dark,.ios.dark{--f7-chip-bg-color:#333;--f7-chip-text-color:#fff;--f7-chip-outline-text-color:#fff;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.md{--f7-chip-font-weight:500;--f7-chip-media-size:24px;--f7-chip-height:32px;--f7-chip-padding-horizontal:12px;--f7-chip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-chip-bg-color:var(--f7-md-secondary-container);--f7-chip-text-color:var(--f7-md-on-secondary-container);--f7-chip-outline-text-color:var(--f7-md-on-surface);--f7-chip-outline-border-color:var(--f7-md-outline)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-border-radius);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-media-size);width:var(--f7-chip-media-size);border-radius:var(--f7-chip-media-size);text-align:center;line-height:var(--f7-chip-media-size);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle}.chip-media i.icon{font-size:calc(var(--f7-chip-media-size) - 8px);height:calc(var(--f7-chip-media-size) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-right:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:24px}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);color:var(--f7-chip-outline-text-color);background:0 0}.ios .chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.ios .chip-outline-ios[class*=color-],.ios .chip-outline[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-outline-text-color:var(--f7-theme-color)}.ios .chip-media{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete::after{content:'delete_round_ios'}.ios .chip-delete:after{font-size:10px}.md .chip-media{margin-right:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-label+.chip-delete{margin-right:4px}.md .chip-delete{margin-left:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete::after{content:'delete_round_md';font-size:16px}
|
package/components/chip/chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-text-color:#000;--f7-chip-outline-text-color:#000}.ios .dark,.ios.dark{--f7-chip-bg-color:#333;--f7-chip-text-color:#fff;--f7-chip-outline-text-color:#fff;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.md{--f7-chip-font-weight:500;--f7-chip-media-size:24px;--f7-chip-height:32px;--f7-chip-padding-horizontal:12px;--f7-chip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-chip-bg-color:var(--f7-md-secondary-container);--f7-chip-text-color:var(--f7-md-on-secondary-container);--f7-chip-outline-text-color:var(--f7-md-on-surface);--f7-chip-outline-border-color:var(--f7-md-outline)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-border-radius);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-media-size);width:var(--f7-chip-media-size);border-radius:var(--f7-chip-media-size);text-align:center;line-height:var(--f7-chip-media-size);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle
|
|
1
|
+
:root{--f7-chip-font-size:14px;--f7-chip-media-font-size:16px;--f7-chip-delete-button-color:#000}:root .dark,:root.dark{--f7-chip-delete-button-color:#fff}.ios{--f7-chip-height:28px;--f7-chip-media-size:28px;--f7-chip-padding-horizontal:10px;--f7-chip-border-radius:28px;--f7-chip-font-weight:normal;--f7-chip-outline-border-color:rgba(0, 0, 0, 0.12);--f7-chip-bg-color:rgba(0, 0, 0, 0.12);--f7-chip-text-color:#000;--f7-chip-outline-text-color:#000}.ios .dark,.ios.dark{--f7-chip-bg-color:#333;--f7-chip-text-color:#fff;--f7-chip-outline-text-color:#fff;--f7-chip-outline-border-color:rgba(255, 255, 255, 0.12)}.md{--f7-chip-font-weight:500;--f7-chip-media-size:24px;--f7-chip-height:32px;--f7-chip-padding-horizontal:12px;--f7-chip-border-radius:8px}.md,.md .dark,.md [class*=color-]{--f7-chip-bg-color:var(--f7-md-secondary-container);--f7-chip-text-color:var(--f7-md-on-secondary-container);--f7-chip-outline-text-color:var(--f7-md-on-surface);--f7-chip-outline-border-color:var(--f7-md-outline)}.chip{padding-left:var(--f7-chip-padding-horizontal);padding-right:var(--f7-chip-padding-horizontal);font-weight:var(--f7-chip-font-weight);display:inline-flex;box-sizing:border-box;vertical-align:middle;align-items:center;margin:2px 0;background-color:var(--f7-chip-bg-color);font-size:var(--f7-chip-font-size);color:var(--f7-chip-text-color);height:var(--f7-chip-height);line-height:var(--f7-chip-height);border-radius:var(--f7-chip-border-radius);position:relative}.chip-media{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;height:var(--f7-chip-media-size);width:var(--f7-chip-media-size);border-radius:var(--f7-chip-media-size);text-align:center;line-height:var(--f7-chip-media-size);box-sizing:border-box;color:#fff;font-size:var(--f7-chip-media-font-size);vertical-align:middle}.chip-media i.icon{font-size:calc(var(--f7-chip-media-size) - 8px);height:calc(var(--f7-chip-media-size) - 8px)}.chip-media img{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:50%;display:block}.chip-media+.chip-label{margin-left:4px}.chip-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative;flex-shrink:1;min-width:0}.chip-delete{text-align:center;cursor:pointer;flex-shrink:0;background-repeat:no-repeat;width:24px;height:24px;color:var(--f7-chip-delete-button-color);opacity:.54;position:relative}.chip-delete:after{font-family:framework7-core-icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:'liga';text-align:center;display:block;width:100%;height:100%;font-size:20px;line-height:24px}.chip .chip-delete.active-state{opacity:1}.chip-outline,.ios .chip-outline-ios,.md .chip-outline-md{border:1px solid var(--f7-chip-outline-border-color);color:var(--f7-chip-outline-text-color);background:0 0}.ios .chip[class*=color-]{--f7-chip-bg-color:var(--f7-theme-color);--f7-chip-text-color:#fff}.ios .chip-outline-ios[class*=color-],.ios .chip-outline[class*=color-]{--f7-chip-outline-border-color:var(--f7-theme-color);--f7-chip-outline-text-color:var(--f7-theme-color)}.ios .chip-media{margin-left:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal))}.ios .chip-delete::after{content:'delete_round_ios'}.ios .chip-delete:after{font-size:10px}.md .chip-media{margin-left:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-label+.chip-delete{margin-left:4px}.md .chip-delete{margin-right:calc(-1 * var(--f7-chip-padding-horizontal) + 4px)}.md .chip-delete::after{content:'delete_round_md';font-size:16px}
|
|
@@ -46,18 +46,14 @@
|
|
|
46
46
|
border-radius: 50%;
|
|
47
47
|
display: block;
|
|
48
48
|
}
|
|
49
|
-
.
|
|
50
|
-
|
|
51
|
-
+ .chip-label {
|
|
49
|
+
+ .chip-label {
|
|
50
|
+
.ltr({
|
|
52
51
|
margin-left: 4px;
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
.rtl({
|
|
56
|
-
margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
|
|
57
|
-
+ .chip-label {
|
|
52
|
+
});
|
|
53
|
+
.rtl({
|
|
58
54
|
margin-right: 4px;
|
|
59
|
-
}
|
|
60
|
-
}
|
|
55
|
+
});
|
|
56
|
+
}
|
|
61
57
|
}
|
|
62
58
|
.chip-label {
|
|
63
59
|
white-space: nowrap;
|
|
@@ -172,17 +172,18 @@ class VirtualList extends Framework7Class {
|
|
|
172
172
|
renderedItems[parseInt(el.getAttribute('data-virtual-list-index'), 10)] = el;
|
|
173
173
|
});
|
|
174
174
|
for (let i = 0; i < items.length; i += 1) {
|
|
175
|
-
const
|
|
175
|
+
const itemIndex = vl.items.indexOf(items[i]);
|
|
176
|
+
const renderedItem = renderedItems[itemIndex];
|
|
176
177
|
if (renderedItem) {
|
|
177
|
-
if (!vl.heightsCalculated.includes(
|
|
178
|
-
vl.heights[
|
|
179
|
-
vl.heightsCalculated.push(
|
|
178
|
+
if (!vl.heightsCalculated.includes(itemIndex)) {
|
|
179
|
+
vl.heights[itemIndex] = renderedItem.offsetHeight;
|
|
180
|
+
vl.heightsCalculated.push(itemIndex);
|
|
180
181
|
}
|
|
181
182
|
}
|
|
182
183
|
if (typeof vl.heights[i] === 'undefined') {
|
|
183
|
-
vl.heights[
|
|
184
|
+
vl.heights[itemIndex] = 40;
|
|
184
185
|
}
|
|
185
|
-
vl.listHeight += vl.heights[
|
|
186
|
+
vl.listHeight += vl.heights[itemIndex];
|
|
186
187
|
}
|
|
187
188
|
} else {
|
|
188
189
|
vl.listHeight = Math.ceil(items.length / vl.params.cols) * vl.params.height;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* Framework7 8.0.
|
|
2
|
+
* Framework7 8.0.5
|
|
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:
|
|
10
|
+
* Released on: May 8, 2023
|
|
11
11
|
*/
|
|
12
12
|
|
|
13
13
|
/*====================
|
|
@@ -4542,7 +4542,9 @@ li.list-group-title:after,
|
|
|
4542
4542
|
--f7-button-border-radius: 4px;
|
|
4543
4543
|
--f7-button-font-weight: 600;
|
|
4544
4544
|
--f7-button-letter-spacing: 0;
|
|
4545
|
+
/*
|
|
4545
4546
|
--f7-button-outline-border-color: var(--f7-theme-color);
|
|
4547
|
+
*/
|
|
4546
4548
|
--f7-button-outline-border-width: 2px;
|
|
4547
4549
|
/*
|
|
4548
4550
|
--f7-button-pressed-bg-color: rgba(var(--f7-theme-color-rgb), .15);
|
|
@@ -10055,7 +10057,6 @@ html.with-modal-sheet-push-closing .framework7-root > .panel-in.panel-push.panel
|
|
|
10055
10057
|
color: #fff;
|
|
10056
10058
|
font-size: var(--f7-chip-media-font-size);
|
|
10057
10059
|
vertical-align: middle;
|
|
10058
|
-
margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
|
|
10059
10060
|
}
|
|
10060
10061
|
.chip-media i.icon {
|
|
10061
10062
|
font-size: calc(var(--f7-chip-media-size) - 8px);
|
|
@@ -10131,6 +10132,9 @@ html.with-modal-sheet-push-closing .framework7-root > .panel-in.panel-push.panel
|
|
|
10131
10132
|
--f7-chip-outline-border-color: var(--f7-theme-color);
|
|
10132
10133
|
--f7-chip-outline-text-color: var(--f7-theme-color);
|
|
10133
10134
|
}
|
|
10135
|
+
.ios .chip-media {
|
|
10136
|
+
margin-right: calc(-1 * var(--f7-chip-padding-horizontal));
|
|
10137
|
+
}
|
|
10134
10138
|
.ios .chip-delete {
|
|
10135
10139
|
margin-left: calc(-1 * var(--f7-chip-padding-horizontal));
|
|
10136
10140
|
}
|
|
@@ -10140,6 +10144,9 @@ html.with-modal-sheet-push-closing .framework7-root > .panel-in.panel-push.panel
|
|
|
10140
10144
|
.ios .chip-delete:after {
|
|
10141
10145
|
font-size: 10px;
|
|
10142
10146
|
}
|
|
10147
|
+
.md .chip-media {
|
|
10148
|
+
margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
|
|
10149
|
+
}
|
|
10143
10150
|
.md .chip-label + .chip-delete {
|
|
10144
10151
|
margin-right: 4px;
|
|
10145
10152
|
}
|
|
@@ -19070,7 +19077,6 @@ button.text-editor-button .material-icons sub {
|
|
|
19070
19077
|
--f7-area-chart-axis-font-size: 10px;
|
|
19071
19078
|
--f7-area-chart-axis-font-weight: 500;
|
|
19072
19079
|
--f7-area-chart-tooltip-font-size: 12px;
|
|
19073
|
-
--f7-area-chart-tooltip-total-label-text-color: rgba(255, 255, 255, 0.75);
|
|
19074
19080
|
--f7-area-chart-tooltip-total-font-size: 16px;
|
|
19075
19081
|
--f7-area-chart-tooltip-total-font-weight: bold;
|
|
19076
19082
|
--f7-area-chart-tooltip-color-size: 10px;
|
|
@@ -19089,6 +19095,12 @@ button.text-editor-button .material-icons sub {
|
|
|
19089
19095
|
--f7-area-chart-axis-bg-color: rgba(255, 255, 255, 0.15);
|
|
19090
19096
|
--f7-area-chart-legend-disabled-text-color: rgba(255, 255, 255, 0.22);
|
|
19091
19097
|
}
|
|
19098
|
+
.ios {
|
|
19099
|
+
--f7-area-chart-tooltip-total-label-text-color: rgba(255, 255, 255, 0.75);
|
|
19100
|
+
}
|
|
19101
|
+
.md {
|
|
19102
|
+
--f7-area-chart-tooltip-total-label-text-color: inherit;
|
|
19103
|
+
}
|
|
19092
19104
|
.area-chart {
|
|
19093
19105
|
position: relative;
|
|
19094
19106
|
}
|