fix: fixed masquerade button in buyer portal pages

bigcommerce · Jun 6, 2023 · f677f40 · f677f40
1 parent febf0db
commit f677f40
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/apps/storefront/src/components/outSideComponents/B3MasquradeGobalTip.tsx b/apps/storefront/src/components/outSideComponents/B3MasquradeGobalTip.tsx
@@ -156,6 +156,15 @@ export default function B3MasquradeGobalTip(props: B3MasquradeGobalTipProps) {
     color: getContrastColor(color || '#FFFFFF'),
   }
 
+  const customBuyerPortalPagesStyles: SxProps = {
+    backgroundColor: `${color || '#FFFFFF'}`,
+    color: getContrastColor(color || '#FFFFFF'),
+    padding:
+      verticalPadding && horizontalPadding
+        ? `${verticalPadding}px ${horizontalPadding}px`
+        : '',
+  }
+
   return (
     <>
       {!isOpen && isMobile && (
@@ -278,10 +287,9 @@ export default function B3MasquradeGobalTip(props: B3MasquradeGobalTipProps) {
             height: '52px',
             color: '#FFFFFF',
             ...sx,
-            ...customStyles,
-            ...MUIMediaStyle,
+            ...customBuyerPortalPagesStyles,
           }}
-          anchorOrigin={getLocation(location) || defaultLocation}
+          anchorOrigin={defaultLocation}
           open
         >
           <Box
@@ -364,7 +372,6 @@ export default function B3MasquradeGobalTip(props: B3MasquradeGobalTipProps) {
             color: '#FFFFFF',
             ...sx,
             ...isMobileCustomStyles,
-            ...MUIMediaStyle,
           }}
           anchorOrigin={defaultLocation}
           open