|
260 | 260 | transform: translateZ(0); |
261 | 261 | } |
262 | 262 |
|
263 | | - |
264 | 263 | // Content: Header/Footer/Tab Bar Scroll Effect Hide — Gap Compensation |
265 | 264 | // -------------------------------------------------- |
266 | 265 | // When a bar hides via scrollEffect="hide", it stays in the layout flow |
|
271 | 270 | // When fullscreen=true, inner-scroll already fills the full viewport |
272 | 271 | // (offset-top = 0), so translateY would over-shift the content. |
273 | 272 | :host(.content-header-hide-scroll-partner:not(.content-fullscreen)) .inner-scroll { |
274 | | - transition: transform 300ms cubic-bezier(0, 0, 0.2, 1), |
275 | | - height 300ms cubic-bezier(0, 0, 0.2, 1); |
| 273 | + transition: transform 300ms cubic-bezier(0, 0, 0.2, 1), height 300ms cubic-bezier(0, 0, 0.2, 1); |
276 | 274 | } |
277 | 275 |
|
278 | 276 | :host(.content-header-hide-scroll-partner:not(.content-fullscreen).content-header-hide-scroll-hidden) .inner-scroll { |
279 | 277 | height: calc(100% + var(--internal-header-hide-height, 0px)); |
280 | 278 |
|
281 | 279 | transform: translateY(calc(-1 * var(--internal-header-hide-height, 0px))); |
282 | 280 |
|
283 | | - transition: transform 200ms cubic-bezier(0.4, 0, 1, 1), |
284 | | - height 200ms cubic-bezier(0.4, 0, 1, 1); |
| 281 | + transition: transform 200ms cubic-bezier(0.4, 0, 1, 1), height 200ms cubic-bezier(0.4, 0, 1, 1); |
285 | 282 | } |
286 | 283 |
|
287 | 284 | // Footer gap compensation — only when content is NOT fullscreen |
|
312 | 309 | :host(.content-footer-hide-scroll-partner:not(.content-fullscreen)) .inner-scroll, |
313 | 310 | :host(.content-footer-hide-scroll-partner:not(.content-fullscreen).content-footer-hide-scroll-hidden) .inner-scroll, |
314 | 311 | :host(.content-tab-bar-hide-scroll-partner:not(.content-fullscreen)) .inner-scroll, |
315 | | - :host(.content-tab-bar-hide-scroll-partner:not(.content-fullscreen).content-tab-bar-hide-scroll-hidden) .inner-scroll { |
| 312 | + :host(.content-tab-bar-hide-scroll-partner:not(.content-fullscreen).content-tab-bar-hide-scroll-hidden) |
| 313 | + .inner-scroll { |
316 | 314 | transition: none; |
317 | 315 | } |
318 | 316 | } |
0 commit comments