chore(PreviewTools): fix editStory button in PreviewTools (#1522)

Edit Playroom button in PreviewTools doesn't open the url when the
Playroom is embed in an iframe

Author: yceballost

playroom/components/index.tsx

@@ -297,8 +297,18 @@ export const PreviewTools = ({
     }, [overrideTheme, os, skinName, forceMobile, colorScheme, forceDesktop]);
 
     const editStory = () => {
-        if (window.location.href.includes('/preview')) {
-            window.open(window.location.href.replace('/preview', ''));
+        try {
+            const href =
+                window.parent && window.parent !== window
+                    ? window.parent.location.href
+                    : window.location.href;
+            if (href.includes('/preview')) {
+                window.open(href.replace('/preview', ''), '_blank');
+            }
+        } catch {
+            if (window.location.href.includes('/preview')) {
+                window.open(window.location.href.replace('/preview', ''));
+            }
         }
     };
 

playroom/preview-tools.css.ts

@@ -27,7 +27,7 @@ export const controls = style([
         '::-webkit-scrollbar': {
             display: 'none', // Hide in Chrome/Safari
         },
-
+        background: skinVars.colors.background,
         gap: 8,
         zIndex: 2,
         borderBottom: `1px solid ${skinVars.colors.divider}`,