Merge pull request #10781 from Budibase/cheeks-fixes

Misc fixes

packages/builder/src/components/common/HelpMenu.svelte

@@ -83,7 +83,7 @@
   .help {
     z-index: 2;
     position: absolute;
-    bottom: var(--spacing-xl);
+    bottom: 24px;
     right: 24px;
   }
 

packages/builder/src/pages/builder/app/[application]/data/_components/BetaButton.svelte

@@ -2,13 +2,11 @@
   import { Button } from "@budibase/bbui"
 </script>
 
-<div class="beta-background" />
 <div class="beta">
-  Enjoying the Grid?
   <Button
     size="M"
     cta
-    on:click={() => window.open("https://t.maze.co/156382627", "_blank")}
+    on:click={() => window.open("https://t.maze.co/165900794", "_blank")}
   >
     Give Feedback
   </Button>
@@ -17,30 +15,16 @@
 <style>
   .beta {
     position: absolute;
-    bottom: 32px;
+    bottom: 24px;
-    right: 32px;
+    right: 24px;
     display: flex;
     flex-direction: row;
     align-items: center;
     gap: 16px;
+    z-index: 10;
   }
   .beta :global(.spectrum-Button) {
     background: var(--spectrum-global-color-magenta-400);
     border-color: var(--spectrum-global-color-magenta-400);
   }
-  .beta-background {
-    z-index: 0;
-    pointer-events: none;
-    position: absolute;
-    bottom: -230px;
-    right: -105px;
-    width: 1400px;
-    height: 320px;
-    transform: rotate(-22deg);
-    background: linear-gradient(
-      to top,
-      var(--cell-background) 20%,
-      transparent
-    );
-  }
 </style>

packages/builder/src/pages/builder/app/[application]/data/_layout.svelte

@@ -3,6 +3,7 @@
   import DatasourceNavigator from "components/backend/DatasourceNavigator/DatasourceNavigator.svelte"
   import Panel from "components/design/Panel.svelte"
   import { isActive, goto } from "@roxi/routify"
+  import BetaButton from "./_components/BetaButton.svelte"
 </script>
 
 <!-- routify:options index=1 -->
@@ -19,6 +20,7 @@
   <div class="content">
     <slot />
   </div>
+  <BetaButton />
 </div>
 
 <style>
@@ -39,5 +41,6 @@
     justify-content: flex-start;
     align-items: stretch;
     flex: 1 1 auto;
+    z-index: 1;
   }
 </style>

packages/builder/src/pages/builder/app/[application]/data/new.svelte

@@ -13,7 +13,7 @@
   import DatasourceConfigModal from "components/backend/DatasourceNavigator/modals/DatasourceConfigModal.svelte"
   import GoogleDatasourceConfigModal from "components/backend/DatasourceNavigator/modals/GoogleDatasourceConfigModal.svelte"
   import { createRestDatasource } from "builderStore/datasource"
-  import DatasourceOption from "./_DatasourceOption.svelte"
+  import DatasourceOption from "./_components/DatasourceOption.svelte"
   import IntegrationIcon from "components/backend/DatasourceNavigator/IntegrationIcon.svelte"
   import ICONS from "components/backend/DatasourceNavigator/icons/index.js"
   import FontAwesomeIcon from "components/common/FontAwesomeIcon.svelte"

packages/builder/src/pages/builder/portal/overview/[appId]/_layout.svelte

@@ -20,7 +20,7 @@
     Breadcrumb,
     Header,
   } from "components/portal/page"
-  import { apps, auth, overview } from "stores/portal"
+  import { apps, overview } from "stores/portal"
   import { AppStatus } from "constants"
   import analytics, { Events, EventSource } from "analytics"
   import { store } from "builderStore"
@@ -52,8 +52,6 @@
   $: appId = $overview.selectedAppId
   $: initialiseApp(appId)
   $: isPublished = app?.status === AppStatus.DEPLOYED
-  $: appLocked = !!app?.lockedBy
-  $: lockedByYou = $auth.user.email === app?.lockedBy?.email
 
   const initialiseApp = async appId => {
     loaded = false
@@ -139,14 +137,7 @@
             </Button>
           </span>
           <span class="desktop">
-            <Button
+            <Button size="M" cta on:click={editApp}>Edit</Button>
-              size="M"
-              cta
-              disabled={appLocked && !lockedByYou}
-              on:click={editApp}
-            >
-              Edit
-            </Button>
           </span>
           <ActionMenu align="right">
             <span slot="control" class="app-overview-actions-icon">
@@ -158,13 +149,7 @@
               </MenuItem>
             </span>
             <span class="mobile">
-              <MenuItem
+              <MenuItem icon="Edit" on:click={editApp}>Edit</MenuItem>
-                icon="Edit"
-                disabled={appLocked && !lockedByYou}
-                on:click={editApp}
-              >
-                Edit
-              </MenuItem>
             </span>
             <MenuItem
               on:click={() => exportApp({ published: false })}

packages/builder/src/pages/builder/portal/settings/auth/scim.svelte

@@ -58,7 +58,7 @@
   }
 
   onMount(async () => {
-    await Promise.all(fetchConfig(), fetchAPIKey())
+    await Promise.all([fetchConfig(), fetchAPIKey()])
   })
 
   const copyToClipboard = async value => {

packages/frontend-core/src/components/grid/layout/Grid.svelte

@@ -7,7 +7,6 @@
   import { createAPIClient } from "../../../api"
   import { attachStores } from "../stores"
   import BulkDeleteHandler from "../controls/BulkDeleteHandler.svelte"
-  import BetaButton from "../controls/BetaButton.svelte"
   import GridBody from "./GridBody.svelte"
   import ResizeOverlay from "../overlays/ResizeOverlay.svelte"
   import ReorderOverlay from "../overlays/ReorderOverlay.svelte"
@@ -144,7 +143,6 @@
           <HeaderRow />
           <GridBody />
         </div>
-        <BetaButton />
         {#if allowAddRows}
           <NewRow />
         {/if}

packages/frontend-core/src/components/grid/lib/constants.js

@@ -1,4 +1,4 @@
-export const Padding = 128
+export const Padding = 256
 export const MaxCellRenderHeight = 252
 export const MaxCellRenderWidthOverflow = 200
 export const ScrollBarSize = 8