Backport #34666 (#54612)

* Backport #34666 * Fix type check
elastic · Jan 13, 2020 · 58f5a45 · 58f5a45
1 parent 3115ae6
commit 58f5a45
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 6 deletions.
diff --git a/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_manager.scss b/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_manager.scss
@@ -34,7 +34,7 @@
 
   .canvasAssetManager__emptyPanel {
     max-width: 400px;
-    margin: 0 auto;
+    margin: $euiSizeXL auto 0;
   }
 }
 

diff --git a/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_modal.tsx b/x-pack/legacy/plugins/canvas/public/components/asset_manager/asset_modal.tsx
@@ -17,7 +17,6 @@ import {
   EuiModalHeader,
   EuiModalHeaderTitle,
   EuiOverlayMask,
-  EuiPanel,
   EuiProgress,
   EuiSpacer,
   EuiText,
@@ -70,13 +69,13 @@ export const AssetModal: FunctionComponent<Props> = props => {
   const percentageUsed = Math.round((assetsTotal / ASSET_MAX_SIZE) * 100);
 
   const emptyAssets = (
-    <EuiPanel className="canvasAssetManager__emptyPanel">
+    <div className="canvasAssetManager__emptyPanel">
       <EuiEmptyPrompt
         iconType="importAction"
         title={<h2>{strings.getEmptyAssetsDescription()}</h2>}
         titleSize="xs"
       />
-    </EuiPanel>
+    </div>
   );
 
   return (

diff --git a/x-pack/legacy/plugins/canvas/public/components/workpad_templates/index.js b/x-pack/legacy/plugins/canvas/public/components/workpad_templates/index.js
@@ -23,7 +23,7 @@ export const WorkpadTemplates = compose(
     // Clone workpad given an id
     cloneWorkpad: props => workpad => {
       workpad.id = getId('workpad');
-      workpad.name = `Untitled Workpad - ${workpad.name}`;
+      workpad.name = `My Canvas Workpad - ${workpad.name}`;
       workpad.tags = undefined;
       return workpadService
         .create(workpad)

diff --git a/x-pack/legacy/plugins/canvas/public/state/defaults.js b/x-pack/legacy/plugins/canvas/public/state/defaults.js
@@ -42,7 +42,7 @@ export const getDefaultPage = () => {
 export const getDefaultWorkpad = () => {
   const page = getDefaultPage();
   return {
-    name: 'Untitled Workpad',
+    name: 'My Canvas Workpad',
     id: getId('workpad'),
     width: 1080,
     height: 720,