Skip to content

Commit f136e19

Browse files
committed
Core: Navbar - fix navbar-large.navbar-transparent transition
1 parent ad468d3 commit f136e19

File tree

1 file changed

+7
-6
lines changed

1 file changed

+7
-6
lines changed

src/core/components/navbar/navbar.less

Lines changed: 7 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -205,6 +205,13 @@
205205
}
206206

207207
// Large Title Navbar
208+
.navbar-large-transparent .navbar-bg,
209+
.navbar-large.navbar-transparent .navbar-bg {
210+
opacity: var(--f7-navbar-large-collapse-progress);
211+
height: 100%;
212+
transform: none;
213+
}
214+
208215
.navbar-large .navbar-bg,
209216
.ios .router-navbar-transition-to-large .navbar-bg,
210217
.ios .router-navbar-transition-from-large .navbar-bg,
@@ -214,12 +221,6 @@
214221
height: calc(100% + var(--f7-navbar-large-title-height));
215222
transform: translate3d(0px, calc(-1 * var(--f7-navbar-large-collapse-progress) * var(--f7-navbar-large-title-height)), 0);
216223
}
217-
.navbar-large-transparent .navbar-bg,
218-
.navbar-large.navbar-transparent .navbar-bg {
219-
opacity: var(--f7-navbar-large-collapse-progress);
220-
height: 100%;
221-
transform: none;
222-
}
223224

224225
.ios .navbar:not(.navbar-large) .navbar-bg {
225226
--f7-navbar-large-collapse-progress: 1;

0 commit comments

Comments
 (0)