QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-20 23:00:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: sidebar overlay transition tweaks.

Browse Source
This commit is contained in:
a.bouhuolia
2021-08-02 10:47:06 +02:00
parent f59561dc28 1de166bac4
commit d71b40bb37
2 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/SidebarOverlay/index.tsx
View File

@@ -106,7 +106,7 @@ export default function SidebarOverlay({
portalContainer={document.getElementById('dashboard') || document.body} portalContainer={document.getElementById('dashboard') || document.body}
onClose={handleOverlayClose} onClose={handleOverlayClose}
onOpening={handleOverlayOpen} onOpening={handleOverlayOpen}
transitionDuration={200} transitionDuration={100}
backdropClassName={'sidebar-overlay-backdrop'} backdropClassName={'sidebar-overlay-backdrop'}
> >
<div className="sidebar-overlay sidebar-overlay-transition"> <div className="sidebar-overlay sidebar-overlay-transition">

4
client/src/style/App.scss
View File

@@ -295,7 +295,7 @@ html[lang^="ar"] {
&-appear-active, &-appear-active,
&-enter-active { &-enter-active {
transform: translateX(0) !important; transform: translateX(0) !important;
transition: all 200ms ease-in-out; transition: all 100ms ease-in-out;
} }
&-appear-done, &-appear-done,
@@ -308,7 +308,7 @@ html[lang^="ar"] {
} }
&-exit-active { &-exit-active {
transform: translateX(-100%) !important; transform: translateX(-100%) !important;
transition: all 200ms ease-in-out; transition: all 100ms ease-in-out;
} }
&-exit-done{ &-exit-done{
transform: translateX(-100%) !important; transform: translateX(-100%) !important;