Răsfoiți Sursa

add class not-push-btn

zamis 5 ani în urmă
părinte
comite
1bbc1f50c5
2 a modificat fișierele cu 5 adăugiri și 1 ștergeri
  1. 1 1
      src/client/js/components/Fab.jsx
  2. 4 0
      src/client/styles/scss/_layout.scss

+ 1 - 1
src/client/js/components/Fab.jsx

@@ -22,7 +22,7 @@ const Fab = (props) => {
   const stickyChangeHandler = useCallback((event) => {
   const stickyChangeHandler = useCallback((event) => {
     logger.debug('StickyEvents.CHANGE detected');
     logger.debug('StickyEvents.CHANGE detected');
 
 
-    const classes = event.detail.isSticky ? 'animated fadeInUp faster' : 'animated invisible';
+    const classes = event.detail.isSticky ? 'animated fadeInUp faster' : 'animated fadeOut faster not-push-btn';
     setAnimateClasses(classes);
     setAnimateClasses(classes);
   }, []);
   }, []);
 
 

+ 4 - 0
src/client/styles/scss/_layout.scss

@@ -55,6 +55,10 @@ body {
   bottom: 3rem;
   bottom: 3rem;
   z-index: $zindex-fixed;
   z-index: $zindex-fixed;
 
 
+  .not-push-btn {
+    pointer-events: none;
+  }
+
   transition: all 200ms linear;
   transition: all 200ms linear;
 
 
   .btn-create-page {
   .btn-create-page {