Navbar: fixes

Author: nolimits4web

src/core/components/navbar/navbar.less

@@ -205,14 +205,17 @@
 }
 
 // Large Title Navbar
+.navbar-large .navbar-bg {
+  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;
 }
-
-.navbar-large .navbar-bg,
 .ios .router-navbar-transition-to-large .navbar-bg,
 .ios .router-navbar-transition-from-large .navbar-bg,
 .navbar-bg.ios-swipeback-navbar-bg-large,

src/phenome/components/navbar.jsx

@@ -97,8 +97,7 @@ export default {
     const slots = self.slots;
 
     const isLarge = large || largeTransparent;
-    const isLargeTransparent = isLarge && (largeTransparent || transparent);
-    const isTransparent = !isLarge && transparent;
+    const isTransparent = transparent || (isLarge && largeTransparent);
     const isTransparentVisible = isTransparent && transparentVisible;
 
     const classes = Utils.classNames(
@@ -108,7 +107,6 @@ export default {
       {
         'navbar-hidden': hidden,
         'navbar-large': isLarge,
-        'navbar-large-transparent': isLargeTransparent,
         'navbar-large-collapsed': isLarge && largeCollapsed,
         'navbar-transparent': isTransparent,
         'navbar-transparent-visible': isTransparentVisible,

src/svelte/components/navbar.svelte

@@ -79,8 +79,7 @@
     || (_theme && _theme.aurora && f7.instance && f7.instance.params.navbar.auroraCenterTitle);
 
   $: isLarge = large || largeTransparent;
-  $: isLargeTransparent = isLarge && (largeTransparent || transparent);
-  $: isTransparent = !isLarge && transparent;
+  $: isTransparent = transparent || (isLarge && largeTransparent);
   $: isTransparentVisible = isTransparent && transparentVisible;
 
   $: classes = Utils.classNames(
@@ -90,7 +89,6 @@
     {
       'navbar-hidden': hidden,
       'navbar-large': isLarge,
-      'navbar-large-transparent': isLargeTransparent,
       'navbar-large-collapsed': isLarge && largeCollapsed,
       'navbar-transparent': isTransparent,
       'navbar-transparent-visible': isTransparentVisible,