Changed transition to 50 ms to not overlap content (#3177)

This commit is contained in:
Erik Jan de Wit 2022-08-24 10:41:54 +02:00 committed by GitHub
parent e74969b9e0
commit 711a780be6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 0 deletions

View file

@ -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>

4
src/page-nav.css Normal file
View file

@ -0,0 +1,4 @@
.keycloak__page_nav__nav {
--pf-c-page__sidebar--Transition: all 50ms cubic-bezier(.42, 0, .58, 1)
}