Merge pull request Expensify#70530 from mukhrr/fix/67759

fixed some educational tooltips' horizontal and vertical aligning

Author: JS00001

src/components/FloatingActionButton.tsx

@@ -77,7 +77,7 @@ function FloatingActionButton({onPress, onLongPress, isActive, accessibilityLabe
 
     const longPressFabAction = (event: GestureResponderEvent | KeyboardEvent | undefined) => {
         // Only execute on narrow layout - prevent event from firing on wide screens
-        if (!shouldUseNarrowLayout) {
+        if (isLHBVisible) {
             return;
         }
         // Drop focus to avoid blue focus ring.

src/components/SelectionList/InviteMemberListItem.tsx

@@ -15,6 +15,7 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import {getIsUserSubmittedExpenseOrScannedReceipt} from '@libs/OptionsListUtils';
 import {isSelectedManagerMcTest} from '@libs/ReportUtils';
+import variables from '@styles/variables';
 import CONST from '@src/CONST';
 import BaseListItem from './BaseListItem';
 import type {InviteMemberListItemProps, ListItem} from './types';
@@ -102,6 +103,8 @@ function InviteMemberListItem<TItem extends ListItem>({
                         horizontal: CONST.MODAL.ANCHOR_ORIGIN_HORIZONTAL.LEFT,
                         vertical: CONST.MODAL.ANCHOR_ORIGIN_VERTICAL.TOP,
                     }}
+                    shiftVertical={variables.inviteMemberListItemTooltipShiftVertical}
+                    shiftHorizontal={variables.inviteMemberListItemTooltipShiftHorizontal}
                     shouldHideOnNavigate
                     wrapperStyle={styles.productTrainingTooltipWrapper}
                 >

src/styles/variables.ts

@@ -281,17 +281,20 @@ export default {
 
     searchTypeColumnWidth: 52,
 
-    gbrTooltipShiftHorizontal: -15,
-    gbrTooltipShiftVertical: -10,
-    fabTooltipShiftHorizontal: -11,
-    lhbFabTooltipShiftHorizontal: 4,
+    gbrTooltipShiftHorizontal: -14,
+    gbrTooltipShiftVertical: -16,
+    lhbFabTooltipShiftHorizontal: 8,
+    lhbFabTooltipShiftVertical: 12,
+    lhbFabTooltipShiftVerticalMobile: 6,
     workspaceLHNTooltipShiftHorizontal: 23,
     savedSearchShiftHorizontal: -10,
     savedSearchShiftVertical: 6,
     navigationTabBarInboxTooltipShiftHorizontal: 36,
     accountSwitcherTooltipShiftVertical: 7,
     accountSwitcherTooltipShiftHorizontal: 4,
     expenseReportsTypeTooltipShiftHorizontal: 10,
+    inviteMemberListItemTooltipShiftVertical: -8,
+    inviteMemberListItemTooltipShiftHorizontal: 4,
 
     inlineImagePreviewMinSize: 64,
     inlineImagePreviewMaxSize: 148,