5.5.3 release

Author: nolimits4web

CHANGELOG.md

@@ -2,7 +2,7 @@
 
 # Change Log
 
-# [v5.5.2](https://github.com/framework7io/framework7/compare/v5.5.1...v5.5.2) - March 28, 2020
+# [v5.5.3](https://github.com/framework7io/framework7/compare/v5.5.1...v5.5.3) - March 28, 2020
   * Core
     * Modals (Popup, Actions, Popover, Login Screen, etc.)
       * Now on modal open/close link click it will close only parent modal or last such modal if there are multiple modals with same selector

packages/core/components/messagebar.css

@@ -205,6 +205,13 @@
 }
 
 // Large Title Navbar
+.navbar-large-transparent .navbar-bg,
+.navbar-large.navbar-transparent .navbar-bg {
+  opacity: var(--f7-navbar-large-collapse-progress);
+  height: 100%;
+  transform: none;
+}
+
 .navbar-large .navbar-bg,
 .ios .router-navbar-transition-to-large .navbar-bg,
 .ios .router-navbar-transition-from-large .navbar-bg,
@@ -214,12 +221,6 @@
   height: calc(100% + var(--f7-navbar-large-title-height));
   transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
 }
-.navbar-large-transparent .navbar-bg,
-.navbar-large.navbar-transparent .navbar-bg {
-  opacity: var(--f7-navbar-large-collapse-progress);
-  height: 100%;
-  transform: none;
-}
 
 .ios .navbar:not(.navbar-large) .navbar-bg {
   --f7-navbar-large-collapse-progress: 1;

packages/core/components/messagebar.rtl.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 5.5.2
+ * Framework7 5.5.3
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -1950,6 +1950,12 @@ html.device-full-viewport body {
 .navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .title {
   opacity: 0;
 }
+.navbar-large-transparent .navbar-bg,
+.navbar-large.navbar-transparent .navbar-bg {
+  opacity: var(--f7-navbar-large-collapse-progress);
+  height: 100%;
+  transform: none;
+}
 .navbar-large .navbar-bg,
 .ios .router-navbar-transition-to-large .navbar-bg,
 .ios .router-navbar-transition-from-large .navbar-bg,
@@ -1959,12 +1965,6 @@ html.device-full-viewport body {
   height: calc(100% + var(--f7-navbar-large-title-height));
   transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
 }
-.navbar-large-transparent .navbar-bg,
-.navbar-large.navbar-transparent .navbar-bg {
-  opacity: var(--f7-navbar-large-collapse-progress);
-  height: 100%;
-  transform: none;
-}
 .ios .navbar:not(.navbar-large) .navbar-bg {
   --f7-navbar-large-collapse-progress: 1;
 }
@@ -3023,6 +3023,7 @@ html.device-full-viewport body {
   top: auto;
   pointer-events: none;
   background: var(--f7-toolbar-bottom-shadow-image);
+  transform: translate3d(0, 0, 0);
 }
 .toolbar-inner {
   position: absolute;
@@ -17624,6 +17625,7 @@ table.data-table {
   top: auto;
   pointer-events: none;
   background: var(--f7-messagebar-shadow-image);
+  transform: translate3d(0, 0, 0);
 }
 @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
   .ios-translucent-bars .messagebar {

packages/core/components/navbar/navbar.less

@@ -1,5 +1,5 @@
 /**
- * Framework7 5.5.2
+ * Framework7 5.5.3
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -1955,6 +1955,12 @@ html.device-full-viewport body {
 .navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .title {
   opacity: 0;
 }
+.navbar-large-transparent .navbar-bg,
+.navbar-large.navbar-transparent .navbar-bg {
+  opacity: var(--f7-navbar-large-collapse-progress);
+  height: 100%;
+  transform: none;
+}
 .navbar-large .navbar-bg,
 .ios .router-navbar-transition-to-large .navbar-bg,
 .ios .router-navbar-transition-from-large .navbar-bg,
@@ -1964,12 +1970,6 @@ html.device-full-viewport body {
   height: calc(100% + var(--f7-navbar-large-title-height));
   transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
 }
-.navbar-large-transparent .navbar-bg,
-.navbar-large.navbar-transparent .navbar-bg {
-  opacity: var(--f7-navbar-large-collapse-progress);
-  height: 100%;
-  transform: none;
-}
 .ios .navbar:not(.navbar-large) .navbar-bg {
   --f7-navbar-large-collapse-progress: 1;
 }
@@ -3028,6 +3028,7 @@ html.device-full-viewport body {
   top: auto;
   pointer-events: none;
   background: var(--f7-toolbar-bottom-shadow-image);
+  transform: translate3d(0, 0, 0);
 }
 .toolbar-inner {
   position: absolute;
@@ -17639,6 +17640,7 @@ table.data-table {
   top: auto;
   pointer-events: none;
   background: var(--f7-messagebar-shadow-image);
+  transform: translate3d(0, 0, 0);
 }
 @supports ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) {
   .ios-translucent-bars .messagebar {

packages/core/css/framework7.bundle.css

@@ -1,5 +1,5 @@
 /**
- * Framework7 5.5.2
+ * Framework7 5.5.3
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
@@ -1950,6 +1950,12 @@ html.device-full-viewport body {
 .navbar-transparent:not(.navbar-large):not(.navbar-transparent-visible):not(.with-searchbar-expandable-enabled) .title {
   opacity: 0;
 }
+.navbar-large-transparent .navbar-bg,
+.navbar-large.navbar-transparent .navbar-bg {
+  opacity: var(--f7-navbar-large-collapse-progress);
+  height: 100%;
+  transform: none;
+}
 .navbar-large .navbar-bg,
 .ios .router-navbar-transition-to-large .navbar-bg,
 .ios .router-navbar-transition-from-large .navbar-bg,
@@ -1959,12 +1965,6 @@ html.device-full-viewport body {
   height: calc(100% + var(--f7-navbar-large-title-height));
   transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
 }
-.navbar-large-transparent .navbar-bg,
-.navbar-large.navbar-transparent .navbar-bg {
-  opacity: var(--f7-navbar-large-collapse-progress);
-  height: 100%;
-  transform: none;
-}
 .ios .navbar:not(.navbar-large) .navbar-bg {
   --f7-navbar-large-collapse-progress: 1;
 }
@@ -3023,6 +3023,7 @@ html.device-full-viewport body {
   top: auto;
   pointer-events: none;
   background: var(--f7-toolbar-bottom-shadow-image);
+  transform: translate3d(0, 0, 0);
 }
 .toolbar-inner {
   position: absolute;