MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix issue with endless scrolling when previewing a mobile device

This commit is contained in:
Andrew Kingston 2021-09-08 10:22:34 +01:00
parent 9c50bd84e8
commit a6106ac0e1
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/client/src/components/app/Layout.svelte
View File

@ -66,7 +66,12 @@
class:mobile={!!$context.device.mobile}
>
{#if typeClass !== "none"}
<div class="nav-wrapper" class:sticky class:hidden={isPeeking}>
<div
class="nav-wrapper"
class:sticky
class:hidden={isPeeking}
style={`--height:${$context.device.height}px; --width:${$context.device.width}px;`}
>
<div class="nav nav--{typeClass} size--{widthClass}">
<div class="nav-header">
{#if validLinks?.length}
@ -358,7 +363,7 @@
transform: translateX(0);
width: 250px;
transition: transform 0.26s ease-in-out, opacity 0.26s ease-in-out;
height: 100vh;
height: var(--height);
opacity: 0;
background: var(--navBackground);
z-index: 999;
@ -381,8 +386,8 @@
display: block;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
width: var(--width);
height: var(--height);
z-index: 998;
}
</style>