From 711a780be67835ae43f0d8604af3e83b7a680a57 Mon Sep 17 00:00:00 2001
From: Erik Jan de Wit <erikjan.dewit@gmail.com>
Date: Wed, 24 Aug 2022 10:41:54 +0200
Subject: [PATCH] Changed transition to 50 ms to not overlap content (#3177)

---
 src/PageNav.tsx  | 3 +++
 src/page-nav.css | 4 ++++
 2 files changed, 7 insertions(+)
 create mode 100644 src/page-nav.css

diff --git a/src/PageNav.tsx b/src/PageNav.tsx
index 0757e26fc7..21e5801642 100644
--- a/src/PageNav.tsx
+++ b/src/PageNav.tsx
@@ -17,6 +17,8 @@ import { useAccess } from "./context/access/Access";
 import { routes } from "./route-config";
 import { AddRealmRoute } from "./realm/routes/AddRealm";
 
+import "./page-nav.css";
+
 export const PageNav: FunctionComponent = () => {
   const { t } = useTranslation("common");
   const { hasAccess, hasSomeAccess } = useAccess();
@@ -89,6 +91,7 @@ export const PageNav: FunctionComponent = () => {
 
   return (
     <PageSidebar
+      className="keycloak__page_nav__nav"
       nav={
         <Nav onSelect={onSelect}>
           <NavList>
diff --git a/src/page-nav.css b/src/page-nav.css
new file mode 100644
index 0000000000..676ae04f25
--- /dev/null
+++ b/src/page-nav.css
@@ -0,0 +1,4 @@
+
+.keycloak__page_nav__nav {
+  --pf-c-page__sidebar--Transition: all 50ms cubic-bezier(.42, 0, .58, 1)
+}
\ No newline at end of file