The Fab ripple is what gives it a focused state; instead of disabling…

… it entirely, just disable the animation
ProjectMirador · Dec 8, 2023 · 3db2052 · 3db2052
1 parent 30776dd
commit 3db2052
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/src/components/WorkspaceAddButton.js b/src/components/WorkspaceAddButton.js
@@ -22,16 +22,12 @@ export class WorkspaceAddButton extends Component {
           size="medium"
           color="primary"
           id="addBtn"
-          disableRipple
           aria-label={
             isWorkspaceAddVisible
               ? t('closeAddResourceMenu')
               : ((useExtendedFab && t('startHere')) || t('addResource'))
           }
           sx={{
-            '&:focus': {
-              backgroundColor: 'primary.dark',
-            },
             margin: 1,
           }}
           variant={useExtendedFab ? 'extended' : 'circular'}

diff --git a/src/config/settings.js b/src/config/settings.js
@@ -342,6 +342,13 @@ export default {
           }
         ]
       },
+      MuiFab: {
+        styleOverrides: {
+          root: {
+            transition: 'none',
+          }
+        },
+      },
       MuiLink: {
         defaultProps: {
           underline: 'always'