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 { routes } from "./route-config";
|
||||||
import { AddRealmRoute } from "./realm/routes/AddRealm";
|
import { AddRealmRoute } from "./realm/routes/AddRealm";
|
||||||
|
|
||||||
|
import "./page-nav.css";
|
||||||
|
|
||||||
export const PageNav: FunctionComponent = () => {
|
export const PageNav: FunctionComponent = () => {
|
||||||
const { t } = useTranslation("common");
|
const { t } = useTranslation("common");
|
||||||
const { hasAccess, hasSomeAccess } = useAccess();
|
const { hasAccess, hasSomeAccess } = useAccess();
|
||||||
|
@ -89,6 +91,7 @@ export const PageNav: FunctionComponent = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<PageSidebar
|
<PageSidebar
|
||||||
|
className="keycloak__page_nav__nav"
|
||||||
nav={
|
nav={
|
||||||
<Nav onSelect={onSelect}>
|
<Nav onSelect={onSelect}>
|
||||||
<NavList>
|
<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