From dd319793a595581b2ff119f5a5ed2dd4e9fed705 Mon Sep 17 00:00:00 2001 From: Azri Kahar <42867097+azrikahar@users.noreply.github.com> Date: Thu, 16 Sep 2021 05:07:58 +0800 Subject: [PATCH] Fix sidebar glitch on resize (#7903) * fix sidebar glitch on resize * move scroll-padding-top property to original line Co-authored-by: rijkvanzanten --- app/src/views/private/private-view.vue | 5 ++--- docs/guides/installation/cli.md | 1 - 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/app/src/views/private/private-view.vue b/app/src/views/private/private-view.vue index 00c8fcba42..52f9419d37 100644 --- a/app/src/views/private/private-view.vue +++ b/app/src/views/private/private-view.vue @@ -146,6 +146,7 @@ export default defineComponent({ display: flex; width: 100%; height: 100%; + overflow-x: hidden; background-color: var(--background-page); .nav-overlay { @@ -267,12 +268,10 @@ export default defineComponent({ position: relative; flex-basis: 60px; flex-shrink: 0; - transform: none; - transition: flex-basis var(--slow) var(--transition); + transition: flex-basis var(--slow) var(--transition), transform var(--slow) var(--transition); &.is-open { flex-basis: 280px; - transform: none; } } } diff --git a/docs/guides/installation/cli.md b/docs/guides/installation/cli.md index 267e5f9419..c2ec88af40 100644 --- a/docs/guides/installation/cli.md +++ b/docs/guides/installation/cli.md @@ -82,4 +82,3 @@ By default, the `create-directus-project` tool will set the file permissions of ## Configure / Update / Upgrade your Project See the [Project Guide](/guides/projects/#upgrading-updating-a-project) to learn how to maintain your project further. -