Changed transition to 50 ms to not overlap content (#3177)
This commit is contained in:
parent
e74969b9e0
commit
711a780be6
2 changed files with 7 additions and 0 deletions
|
@ -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
4
src/page-nav.css
Normal file
|
@ -0,0 +1,4 @@
|
|||
|
||||
.keycloak__page_nav__nav {
|
||||
--pf-c-page__sidebar--Transition: all 50ms cubic-bezier(.42, 0, .58, 1)
|
||||
}
|
Loading…
Reference in a new issue