From 15e50b4acb5f66c063d39187a640686f9d78c383 Mon Sep 17 00:00:00 2001 From: Wojciech Boman Date: Fri, 1 Dec 2023 11:16:21 +0100 Subject: [PATCH] Increase the gap between fab and menu --- src/styles/styles.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/styles/styles.ts b/src/styles/styles.ts index d6247f711547..b3cb35c2e50c 100644 --- a/src/styles/styles.ts +++ b/src/styles/styles.ts @@ -1395,9 +1395,9 @@ const styles = (theme: ThemeColors) => createMenuPositionSidebar: (windowHeight: number) => ({ horizontal: 18, - // Menu should be displayed 10px above the floating action button. - // To achieve that sidebar must be moved by: distance from the bottom of the sidebar to the fab (variables.fabBottom) + fab height (variables.componentSizeLarge) + distance above the fab (10px) - vertical: windowHeight - (variables.fabBottom + variables.componentSizeLarge + 10), + // Menu should be displayed 12px above the floating action button. + // To achieve that sidebar must be moved by: distance from the bottom of the sidebar to the fab (variables.fabBottom) + fab height (variables.componentSizeLarge) + distance above the fab (12px) + vertical: windowHeight - (variables.fabBottom + variables.componentSizeLarge + 12), } satisfies AnchorPosition), createMenuPositionProfile: (windowWidth: number) =>